菲鸽 2 лет назад
Родитель
Сommit
3c7df48838
2 измененных файлов с 8 добавлено и 3 удалено
  1. 1 0
      src/layouts/default.vue
  2. 7 3
      src/pages/index/index.vue

+ 1 - 0
src/layouts/default.vue

@@ -1,6 +1,7 @@
 <template>
   <view class="default-layout">
     <slot />
+    <view class="text-gray-400 m-auto mt-8">[default layout]</view>
   </view>
 </template>
 

+ 7 - 3
src/pages/index/index.vue

@@ -17,16 +17,16 @@
     </view>
     <view class="text-center text-4xl main-title-color mt-8">unibest</view>
     <view class="text-center text-2xl mt-2 mb-8">最好用的 uniapp 开发模板</view>
-    <view class="text-justify">
+    <view class="text-justify max-w-100 m-auto">
       unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板,使用 VS Code
       开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写
       uniapp 拥有 best 体验。</view
     >
-    <view class="text-blue mt-12 text-center"> 详细示例 参考 hello-unibest </view>
+    <view class="text-blue mt-8 text-center"> 详细示例 参考 hello-unibest </view>
     <view class="my-2 text-center">https://github.com/codercup/hello-unibest</view>
     <!-- #ifndef MP-WEIXIN -->
     <!-- 微信使用复制按钮需要申请权限,先去掉 -->
-    <button @click="onCopy">复制 hello-unibest github地址</button>
+    <button @click="onCopy" class="max-w-100 m-auto">复制 hello-unibest github地址</button>
     <!-- #endif -->
   </view>
 </template>
@@ -34,6 +34,10 @@
 <script lang="ts" setup>
 // 获取屏幕边界到安全区域距离
 const { safeAreaInsets } = uni.getSystemInfoSync()
+
+const author = ref('菲鸽')
+console.log(author)
+
 // #ifndef MP-WEIXIN
 const onCopy = () => {
   uni.setClipboardData({