Selaa lähdekoodia

style(about): 添加分隔线和说明文本以提升页面可读性

在页面按钮区域添加水平分隔线,并在底部添加说明文本解释使用原生button的原因,使页面结构更清晰
feige996 9 kuukautta sitten
vanhempi
commit
330e4ec544
1 muutettua tiedostoa jossa 6 lisäystä ja 0 poistoa
  1. 6 0
      src/pages/about/about.vue

+ 6 - 0
src/pages/about/about.vue

@@ -35,6 +35,7 @@ function gotoVueQuery() {
       组件使用、请求调用、unocss
     </view>
     <RequestComp />
+    <view class="mb-6 h-1px bg-#eee" />
     <view class="text-center">
       <button type="primary" size="mini" class="w-160px" @click="gotoAlova">
         前往 alova 示例页面
@@ -45,6 +46,11 @@ function gotoVueQuery() {
         vue-query 示例页面
       </button>
     </view>
+    <view class="mt-6 text-center text-sm">
+      <view class="inline-block w-80% text-gray-400">
+        为了方便脚手架动态生成不同UI模板,本页的按钮统一使用UI库无关的原生button
+      </view>
+    </view>
   </view>
 </template>