<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/9ecc362603763716ae5958193f8fe8c03f62000dd789a91c7f5323017eda2274.png',
  'https://image.zhuchaohui.com/zhucaohui/c2458b6a9ea61953c40d329e1ce9ff7592da7c4d0f31241bd3c98f76f18ec65f.png',
  'https://image.zhuchaohui.com/zhucaohui/4f1b8ea9dcbcf51c18fb2435712a0d51c24830a6f70c93938a3bef8ebf410c03.png',
  'https://image.zhuchaohui.com/zhucaohui/4dd78ed62c7b40bb63a28f6a484cbd6f625bb00b087446ef97f398b4ae6d7611.png',
  'https://image.zhuchaohui.com/zhucaohui/f39ad760767abc012d0b710fb4c95dc72767c8c45cab9a2e80e7e5d0633433a9.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>
