Forráskód Böngészése

refactor(about): 更新关于页面内容和组件样式

将关于页面的欢迎语改为测试说明,并简化请求组件
使用原生按钮替代组件库按钮,调整文本说明和布局
feige996 9 hónapja
szülő
commit
af3efbec02
2 módosított fájl, 14 hozzáadás és 26 törlés
  1. 2 5
      src/pages/about/about.vue
  2. 12 21
      src/pages/about/components/request.vue

+ 2 - 5
src/pages/about/about.vue

@@ -31,11 +31,8 @@ function gotoVueQuery() {
 
 <template>
   <view>
-    <view class="mt-8 text-center text-3xl">
-      鸽友们好,我是
-      <text class="text-red-500">
-        菲鸽
-      </text>
+    <view class="mt-8 text-center text-xl text-gray-400">
+      测试组件使用和请求调用
     </view>
     <RequestComp />
     <view class="text-center">

+ 12 - 21
src/pages/about/components/request.vue

@@ -22,28 +22,17 @@ function reset() {
 <template>
   <view class="p-6 text-center">
     <view class="my-2">
-      使用的是 laf 云后台
+      pages 里面的 vue 文件会扫描成页面,将自动添加到 pages.json 里面。
     </view>
-    <view class="text-green-400">
-      我的推荐码,可以获得佣金
+    <view class="my-2 text-green-400">
+      但是 pages/components 里面的 vue 不会。
     </view>
 
-    <!-- #ifdef H5 -->
-    <view class="my-2">
-      <a class="my-2" :href="recommendUrl" target="_blank">{{ recommendUrl }}</a>
-    </view>
-    <!-- #endif -->
-
-    <!-- #ifndef H5 -->
-    <view class="my-2 text-left text-sm">
-      {{ recommendUrl }}
+    <view class="my-6 text-center">
+      <button type="primary" size="mini" class="w-160px" @click="run">
+        发送请求
+      </button>
     </view>
-    <!-- #endif -->
-
-    <!-- http://localhost:9000/#/pages/index/request -->
-    <wd-button class="my-6" @click="run">
-      发送请求
-    </wd-button>
     <view class="h-16">
       <view v-if="loading">
         loading...
@@ -57,8 +46,10 @@ function reset() {
         </view>
       </block>
     </view>
-    <wd-button type="error" class="my-6" :disabled="!data" @click="reset">
-      重置数据
-    </wd-button>
+    <view class="my-6 text-center">
+      <button type="warn" size="mini" class="w-160px" :disabled="!data" @click="reset">
+        重置数据
+      </button>
+    </view>
   </view>
 </template>