designer-hub/packages/app/src/pages/material/mini-class/index.vue

<route lang="json">
{
  "style": {
    "navigationStyle": "custom",
    "navigationBarTitleText": "材料小课堂"
  }
}
</route>
<script setup lang="ts">
import NavbarEvo from '@/components/navbar-evo.vue'
const imgs = ref([
  'https://image.zhuchaohui.com/zhucaohui/fe7baaf514378aafe792df18400755302aed3206e2eb0b7b6743abd0fc513099.png',
  'https://image.zhuchaohui.com/zhucaohui/0c8a33b400f9f54e7cf3ac2588178abe9a159284d0783f0114db19d0bb9157b4.png',
  'https://image.zhuchaohui.com/zhucaohui/91b594940df7cbc517a21823879ae177f9fc36ad01107ce8e5885b69fe6b2dd6.png',
  'https://image.zhuchaohui.com/zhucaohui/7b7171de3cae83030acca008dc03484fdd53af3398526623cd62afc024c124ef.png',
])
</script>
<template>
  <div>
    <NavbarEvo dark transparent title="材料小课堂"></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>