designer-hub/packages/app/src/pages-sub/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/498f4e8c68e554890c7ac23e684044d238fcb46568cf15b652da8827279d24a3.png',
//   'https://image.zhuchaohui.com/zhucaohui/1e818f8ea7ede66cee4b31cd114c054b950e5992407e8c145f6d823770b204b2.png',
//   'https://image.zhuchaohui.com/zhucaohui/45bb68f12d3eb9b4f70eb46769a0ab1adeb55d8242a23c45001fe56986b30a36.png',
//   'https://image.zhuchaohui.com/zhucaohui/9d6713cc39aeb20faae4f374bf92764252ee28f38de2540ab02e1a9d7496bdcb.png',
// ])
const imgs = ref([
  'https://image.zhuchaohui.com/zhucaohui/498f4e8c68e554890c7ac23e684044d238fcb46568cf15b652da8827279d24a3.png',
  'https://image.zhuchaohui.com/zhucaohui/1e818f8ea7ede66cee4b31cd114c054b950e5992407e8c145f6d823770b204b2.png',
  'https://image.zhuchaohui.com/zhucaohui/45bb68f12d3eb9b4f70eb46769a0ab1adeb55d8242a23c45001fe56986b30a36.png',
  'https://image.zhuchaohui.com/zhucaohui/1314a6e918fa9c65327b478e4422cd00a847e8234e376d50f05d512f78cd639c.jpg',
])
onShareAppMessage(() => ({
  title: '1分钟快速了解筑巢荟',
}))
onShareTimeline(() => ({
  title: '1分钟快速了解筑巢荟',
}))
</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>