designer-hub/packages/app/src/pages/mine/convention/index.vue

<route lang="json">
{ "style": { "navigationStyle": "custom" } }
</route>
<script setup lang="ts">
const imgs = ref([
  'https://image.zhuchaohui.com/zhucaohui/4e9c3301a40e9dd01ecb8b014b17c86f33c7ad5f5b80e4a5d3623050ec49dce9.png',
  'https://image.zhuchaohui.com/zhucaohui/a1694f628e7c30df5f4a8fe4ab980e4740aa67c60e7e01466a53c98fd4ea5118.png',
  'https://image.zhuchaohui.com/zhucaohui/198e4eebd45a7fa1bf013465622a0c36bd71ad85cbf4bf54350d7443ffcd6e1c.png',
])
const handleClickLeft = () => {
  uni.navigateBack()
}
</script>
<template>
  <div>
    <wd-navbar
      left-arrow
      fixed
      safe-area-inset-top
      custom-class="bg-transparent"
      title="筑巢荟公约"
      @click-left="handleClickLeft"
    ></wd-navbar>
    <template v-for="(it, i) in imgs" :key="i">
      <wd-img width="100%" :src="it" mode="widthFix"></wd-img>
    </template>
  </div>
</template>