index.vue 1.1 KB

123456789101112131415161718192021222324252627
  1. <!-- 使用 type="home" 属性设置首页,其他页面不需要设置,默认为page;推荐使用json5,更强大,且允许注释 -->
  2. <route lang="json5" type="home">
  3. {
  4. style: { navigationBarTitleText: '首页' },
  5. }
  6. </route>
  7. <template>
  8. <view class="bg-white h-full overflow-hidden pt-24 px-4">
  9. <view class="mt-8">
  10. <image src="/static/logo.png" alt="" class="w-20 h-20 block mx-auto" />
  11. <view class="text-2xl text-center mt-4 font-bold"> vue3-uniapp-template </view>
  12. </view>
  13. <view class="mt-8">
  14. <view class="text-center mt-4 font-bold">开箱即用的 uniapp+vue3+ts 模板</view>
  15. <!-- <view class="text-center mt-4 font-bold">欢迎使用 </view> -->
  16. <view class="mt-8">果然UniIcons 在 微信小程序下颜色丢失</view>
  17. <uni-icons type="contact" size="30"></uni-icons>
  18. <uni-icons type="contact" size="30" color="red"></uni-icons>
  19. <view mt-4>UnoCSS Icons就正常,以后还是多用UnoCSS Icons 吧</view>
  20. <view class="i-carbon-car" />
  21. <view class="i-carbon-car text-red" />
  22. </view>
  23. </view>
  24. </template>
  25. <script lang="ts" setup></script>