From 614aadc2852f0cdae34fe706d5b201116e22c8b7 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Wed, 16 Jul 2025 21:09:45 +0800
Subject: [PATCH] =?UTF-8?q?refactor(about):=20=E7=BB=9F=E4=B8=80=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F=E5=B9=B6=E7=A7=BB=E9=99=A4=E6=9C=AA?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=E4=B8=8A=E4=BC=A0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将按钮样式统一为 primary/default 和 mini 尺寸
- 删除未使用的上传组件及相关代码
---
 src/pages/about/about.vue             | 10 +++----
 src/pages/about/alova.vue             |  4 +--
 src/pages/about/components/upload.vue | 38 ---------------------------
 3 files changed, 7 insertions(+), 45 deletions(-)
 delete mode 100644 src/pages/about/components/upload.vue

diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index b9b86b5..8eef8b4 100644
--- a/src/pages/about/about.vue
+++ b/src/pages/about/about.vue
@@ -9,7 +9,6 @@
 
 <script lang="ts" setup>
 import RequestComp from './components/request.vue'
-import UploadComp from './components/upload.vue'
 
 // 奇怪：同样的代码放在 vue 里面不会校验到错误，放在 .ts 文件里面会校验到错误
 // const testOxlint = (name: string) => {
@@ -34,10 +33,11 @@ function gotoAlova() {
       </text>
     </view>
     <RequestComp />
-    <UploadComp />
-    <button class="w-200px text-green" @click="gotoAlova">
-      前往 alova 页面
-    </button>
+    <view class="text-center">
+      <button type="primary" size="mini" class="w-160px" @click="gotoAlova">
+        前往 alova 页面
+      </button>
+    </view>
   </view>
 </template>
 
diff --git a/src/pages/about/alova.vue b/src/pages/about/alova.vue
index d105747..70c3af3 100644
--- a/src/pages/about/alova.vue
+++ b/src/pages/about/alova.vue
@@ -25,7 +25,7 @@ function reset() {
 
 <template>
   <view class="p-6 text-center">
-    <button class="my-6 w-200px text-green" @click="send">
+    <button type="primary" size="mini" class="my-6 w-160px" @click="send">
       发送请求
     </button>
     <view class="h-16">
@@ -45,7 +45,7 @@ function reset() {
         {{ data?.id }}
       </view>
     </view>
-    <button class="my-6 w-200px text-red" :disabled="!data" @click="reset">
+    <button type="default" size="mini" class="my-6 w-160px" @click="reset">
       重置数据
     </button>
   </view>
diff --git a/src/pages/about/components/upload.vue b/src/pages/about/components/upload.vue
deleted file mode 100644
index 16654ba..0000000
--- a/src/pages/about/components/upload.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<route lang="jsonc" type="page">
-{
-  "layout": "default",
-  "style": {
-    "navigationBarTitleText": "上传-状态一体化"
-  }
-}
-</route>
-
-<script lang="ts" setup>
-const { loading, data, run } = useUpload()
-</script>
-
-<template>
-  <view class="p-4 text-center">
-    <wd-button @click="run">
-      选择图片并上传
-    </wd-button>
-    <view v-if="loading" class="h-10 text-blue">
-      上传...
-    </view>
-    <template v-else>
-      <view class="m-2">
-        上传后返回的接口数据：
-      </view>
-      <view class="m-2">
-        {{ data }}
-      </view>
-      <view v-if="data" class="h-80 w-full">
-        <image :src="data.url" mode="scaleToFill" />
-      </view>
-    </template>
-  </view>
-</template>
-
-<style lang="scss" scoped>
-//
-</style>