From 7208d5164400e286d55b7092c395436bac81effb Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 13 Mar 2024 14:38:38 +0900
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage/file.vue  | 20 +++++++++++++-------
 resources/assets/sass/pages/page-file.scss | 10 ++++++++++
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index 42dbd9574..31785dccc 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -42,7 +42,7 @@
                     <Button :disabled="shearFirst.pid == pid" size="small" type="primary" @click="shearTo" :style="{marginLeft: showBtnText ? '12px' : 0}">
                         <div class="file-shear">
                             <span>{{$L('粘贴')}}</span>
-                            <span v-show="showBtnText">"<em>{{shearFirst.name}}</em>"</span>
+                            <template v-show="showBtnText">"<em>{{shearFirst.name}}</em>"</template>
                             <span v-if="shearIds.length > 1">{{$L('等')}}{{shearIds.length}}{{$L('个文件')}}</span>
                         </div>
                     </Button>
@@ -50,16 +50,22 @@
                 </template>
                 <template v-else-if="selectIds.length > 0">
                     <Button size="small" type="info" @click="handleContextClick('shearSelect')" :style="{marginLeft: showBtnText ? '12px' : 0}">
-                        <Icon type="ios-cut" />
-                        <span v-show="showBtnText">{{$L('剪切')}}</span>
+                        <div class="tool-box">
+                            <Icon type="ios-cut" />
+                            <span v-show="showBtnText">{{$L('剪切')}}</span>
+                        </div>
                     </Button>
                     <Button :disabled="compressedSownloadDisabled" size="small" type="info" @click="downloadZipFile(selectIds)">
-                        <Icon type="ios-download" />
-                        <span v-show="showBtnText">{{$L('打包下载')}}</span>
+                        <div class="tool-box">
+                            <Icon type="ios-download" />
+                            <span v-show="showBtnText">{{$L('打包下载')}}</span>
+                        </div>
                     </Button>
                     <Button size="small" type="error" @click="deleteFile(selectIds)">
-                        <Icon type="ios-trash" />
-                        <span v-show="showBtnText">{{$L('删除')}}</span>
+                        <div class="tool-box">
+                            <Icon type="ios-trash" />
+                            <span v-show="showBtnText">{{$L('删除')}}</span>
+                        </div>
                     </Button>
                     <Button type="primary" size="small" @click="clearSelect">
                         {{showBtnText ? $L('取消选择') : $L('取消')}}
diff --git a/resources/assets/sass/pages/page-file.scss b/resources/assets/sass/pages/page-file.scss
index 9435df0f6..24c533dde 100644
--- a/resources/assets/sass/pages/page-file.scss
+++ b/resources/assets/sass/pages/page-file.scss
@@ -163,6 +163,16 @@
             .ivu-btn {
                 font-size: 12px;
                 margin-left: 12px;
+                .tool-box {
+                    display: flex;
+                    align-items: center;
+                    > i {
+                        font-size: 14px;
+                    }
+                    > span {
+                        margin-left: 2px;
+                    }
+                }
             }
             .file-shear {
                 display: flex;