From 350b6dadef954e3adae7dde9993aab0e4ea128f8 Mon Sep 17 00:00:00 2001
From: gary <xuebaiyouling@gmail.com>
Date: Sun, 1 Feb 2026 15:10:59 +0800
Subject: [PATCH] =?UTF-8?q?opt:=20=E4=BC=98=E5=8C=96icons=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E9=A1=B5=E4=BB=A5=E5=8F=8Atabs=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HomeView.vue    |  7 ++++++-
 src/views/tools/Icons.vue | 28 ++++++++++++----------------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 653eba9..9cde285 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -96,5 +96,10 @@ useMenuConfigStore().loadBusinessMenus()
   </el-container>
 </template>
 <style scoped>
-
+.tabs-header {
+  padding-top: 6px !important;
+  height: auto !important;
+  border-bottom: none !important;
+  box-shadow: none !important;
+}
 </style>
diff --git a/src/views/tools/Icons.vue b/src/views/tools/Icons.vue
index bc65873..ce4ae97 100644
--- a/src/views/tools/Icons.vue
+++ b/src/views/tools/Icons.vue
@@ -1,8 +1,7 @@
 <script setup>
 import { computed, ref } from 'vue'
-import { useClipboard } from '@vueuse/core'
-import { ElMessage } from 'element-plus'
 import { filterIconsByKeywords } from '@/services/icon/IconService'
+import { $copyText } from '@/utils'
 
 const colSize = ref(8)
 const keyWords = ref('')
@@ -12,20 +11,8 @@ const filterIcons = computed(() => {
 })
 
 const copyIcon = (icon) => {
-  const { copy, isSupported } = useClipboard()
   const iconStr = `<common-icon icon="${icon}"/>`
-  if (isSupported) {
-    copy(iconStr)
-    ElMessage({
-      message: `Copied: ${iconStr}`,
-      type: 'success'
-    })
-  } else {
-    ElMessage({
-      message: `Copy Not supported: ${iconStr}`,
-      type: 'error'
-    })
-  }
+  $copyText({ text: iconStr, success: `Copied: ${iconStr}` })
 }
 
 </script>
@@ -75,14 +62,23 @@ const copyIcon = (icon) => {
           </el-col>
         </el-row>
       </recycle-scroller>
+      <el-backtop
+        v-common-tooltip="$t('common.label.backtop')"
+        target=".scroller"
+        :right="40"
+        :bottom="40"
+      />
     </el-main>
   </el-container>
 </template>
 
 <style scoped>
-.scroller, .icon-container  {
+.scroller {
   height: 100%;
 }
+.icon-container {
+  height: calc(100% - 70px);
+}
 .icon-container .el-input {
   width: 80%;
 }