designer-hub/packages/app/src/pages/home/about/index.vue

<route lang="json">
{
  "style": {
    "navigationStyle": "custom",
    "navigationBarTitleText": "1分钟快速了解筑巢荟"
  }
}
</route>
<script setup lang="ts">
import NavbarEvo from '@/components/navbar-evo.vue'
const imgs = ref([
  'https://image.zhuchaohui.com/zhucaohui/9da47a2ee9863786851bea968c4693e1d3540c7bbcac0ba53a3b1d90c203c1c2.png',
  'https://image.zhuchaohui.com/zhucaohui/65f8902cee44826abd8e97ce4940dee459fcaaa2f5f3535016b670dd0006953b.png',
  'https://image.zhuchaohui.com/zhucaohui/a43e3377643811fbb182b82758962153f93b30cec62e2c389f93f3a157bba6a6.png',
  'https://image.zhuchaohui.com/zhucaohui/7f212c009d75cb2fd1c89f5934e5bbc97042344dcc2a9818894edcd7bb33dfe6.png',
  'https://image.zhuchaohui.com/zhucaohui/a81c225a5ad394aaba99594f1410c0865f94c8e941e0c0f868d62fb8111a3c5f.png',
])
</script>
<template>
  <div>
    <NavbarEvo dark transparent title="1分钟快速了解筑巢荟"></NavbarEvo>
    <template v-for="(it, i) in imgs" :key="i">
      <wd-img width="100%" :src="it" mode="widthFix" custom-class="vertical-bottom"></wd-img>
    </template>
  </div>
</template>