index.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!-- 使用 type="home" 属性设置首页,其他页面不需要设置,默认为page;推荐使用json5,更强大,且允许注释 -->
  2. <route lang="json5" type="home">
  3. {
  4. style: {
  5. navigationStyle: 'custom',
  6. navigationBarTitleText: '首页',
  7. },
  8. }
  9. </route>
  10. <template>
  11. <view class="bg-white h-full overflow-hidden pt-2 px-4">
  12. <view class="mt-8">
  13. <image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
  14. </view>
  15. <view class="text-center text-4xl main-title-color mt-4">unibest</view>
  16. <view class="text-center text-2xl mt-4 mb-8">最好用的 uniapp 开发框架</view>
  17. <view class="text-center text-xl">
  18. unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板,使用 VS Code
  19. 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写
  20. uniapp 拥有 best 体验。</view
  21. >
  22. <view class="text-blue mt-8 text-center text-xl">
  23. <text class="font-800">详细示例 </text>参考 hello-unibest
  24. </view>
  25. <view class="m-2"> https://github.com/codercup/hello-unibest </view>
  26. <button @click="onCopy">复制hello-unibest github地址</button>
  27. </view>
  28. </template>
  29. <script lang="ts" setup>
  30. const onCopy = () => {
  31. uni.setClipboardData({
  32. data: 'https://github.com/codercup/hello-unibest',
  33. fail: (fail) => {
  34. console.error('fail', fail)
  35. },
  36. success: (success) => {
  37. console.log('success', success)
  38. },
  39. })
  40. }
  41. </script>
  42. <style>
  43. .main-title-color {
  44. color: #d14328;
  45. }
  46. </style>