From f00c31418fbac141c941281d32b3e1761a372e20 Mon Sep 17 00:00:00 2001
From: lw2333 <118144168+Topology2333@users.noreply.github.com>
Date: Thu, 21 Mar 2024 19:45:09 +0800
Subject: [PATCH] fix(article): use button in article edit page (#209)

---
 src/pages/articles/edit.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/pages/articles/edit.vue b/src/pages/articles/edit.vue
index b2f3a23b..c282e50d 100644
--- a/src/pages/articles/edit.vue
+++ b/src/pages/articles/edit.vue
@@ -24,11 +24,12 @@
             disabled
             value="封面"
           >
-          <input
-            class="extend text-grey"
-            value="上传"
+          <button
+            class="uni-button extend text-grey"
             @tap="uploadCover"
           >
+            上传
+          </button>
         </view>
         <image
           v-if="article.cover"
@@ -61,12 +62,12 @@
           disabled
           value="正文"
         >
-        <input
-          class="extend text-grey"
-          disabled
-          :value="inPreviewStatus?'编辑':'预览'"
+        <button
+          class="uni-button extend text-grey"
           @tap="inPreviewStatus=!inPreviewStatus"
         >
+          {{ inPreviewStatus ? '编辑' : '预览' }}
+        </button>
       </view>
       <!--内容-工具-->
       <view class="tips flow">
@@ -400,4 +401,14 @@ page {
   line-height: 80rpx;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
+
+uni-button {
+  display: block;
+  font-size: 16px;
+  line-height: 1.4em;
+  height: 1.4em;
+  min-height: 1.4em;
+  overflow: hidden;
+  white-space: nowrap;
+}
 </style>