From 321b9da9a8ce7845997f5386ebb814e9b138596b Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Sun, 31 Oct 2021 14:19:08 +0800
Subject: [PATCH] feat: update

---
 src/layout/components/navbar.vue             | 10 ++++++----
 src/layout/components/panel/index.vue        |  4 +++-
 src/layout/components/sidebar/horizontal.vue |  6 ++++--
 src/layout/components/tag/index.vue          | 17 ++++++++++++-----
 src/plugins/element-plus/index.ts            | 12 ++++++++++--
 src/style/sidebar.scss                       |  2 +-
 6 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/src/layout/components/navbar.vue b/src/layout/components/navbar.vue
index 2e62bfed3..18b6d0107 100644
--- a/src/layout/components/navbar.vue
+++ b/src/layout/components/navbar.vue
@@ -107,11 +107,13 @@ function translationEn() {
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <i
+      <el-icon
         class="el-icon-setting"
         :title="$t('message.hssystemSet')"
         @click="onPanel"
-      ></i>
+      >
+        <Setting />
+      </el-icon>
     </div>
   </div>
 </template>
@@ -191,8 +193,8 @@ function translationEn() {
 
     .el-icon-setting {
       height: 48px;
-      width: 40px;
-      padding: 11px;
+      width: 38px;
+      padding: 12px;
       display: flex;
       cursor: pointer;
       align-items: center;
diff --git a/src/layout/components/panel/index.vue b/src/layout/components/panel/index.vue
index c128cf937..c7eff056b 100644
--- a/src/layout/components/panel/index.vue
+++ b/src/layout/components/panel/index.vue
@@ -37,7 +37,9 @@ defineExpose({
       <div class="right-panel-items">
         <div class="project-configuration">
           <h3>项目配置</h3>
-          <i class="el-icon-close" @click="show = !show"></i>
+          <el-icon class="el-icon-close" @click="show = !show">
+            <Close />
+          </el-icon>
         </div>
         <div style="border-bottom: 1px solid #dcdfe6"></div>
         <slot />
diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue
index 2eca28004..6d7d17e51 100644
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -180,11 +180,13 @@ onMounted(() => {
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <i
+      <el-icon
         class="el-icon-setting"
         :title="$t('message.hssystemSet')"
         @click="onPanel"
-      ></i>
+      >
+        <Setting />
+      </el-icon>
     </div>
   </div>
 </template>
diff --git a/src/layout/components/tag/index.vue b/src/layout/components/tag/index.vue
index 095b9918c..1ff237373 100644
--- a/src/layout/components/tag/index.vue
+++ b/src/layout/components/tag/index.vue
@@ -484,14 +484,16 @@ onBeforeMount(() => {
         <router-link :to="item.path" @click="tagOnClick(item)">{{
           $t(item.meta.title)
         }}</router-link>
-        <span
+        <el-icon
           v-if="
             ($route.path === item.path && index !== 0) ||
             (index === activeIndex && index !== 0)
           "
           class="el-icon-close"
           @click="deleteMenu(item)"
-        ></span>
+        >
+          <CloseBold />
+        </el-icon>
         <div
           :ref="'schedule' + index"
           v-if="showModel !== 'card'"
@@ -522,15 +524,19 @@ onBeforeMount(() => {
     <!-- 右侧功能按钮 -->
     <ul class="right-button">
       <li>
-        <i
+        <el-icon
           :title="$t('message.hsrefreshRoute')"
           class="el-icon-refresh-right rotate"
           @click="onFresh"
-        ></i>
+        >
+          <RefreshRight />
+        </el-icon>
       </li>
       <li>
         <el-dropdown trigger="click" placement="bottom-end">
-          <i class="el-icon-arrow-down"></i>
+          <el-icon>
+            <ArrowDown />
+          </el-icon>
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item
@@ -630,6 +636,7 @@ onBeforeMount(() => {
       font-size: 10px;
       color: #1890ff;
       cursor: pointer;
+      transform: fontsize3s;
 
       &:hover {
         border-radius: 50%;
diff --git a/src/plugins/element-plus/index.ts b/src/plugins/element-plus/index.ts
index 782ed4ae4..e8daa7b17 100644
--- a/src/plugins/element-plus/index.ts
+++ b/src/plugins/element-plus/index.ts
@@ -48,7 +48,11 @@ import {
   Lollipop,
   Link,
   Position,
-  Histogram
+  Histogram,
+  RefreshRight,
+  ArrowDown,
+  Close,
+  CloseBold
 } from "@element-plus/icons";
 
 const components = [
@@ -97,7 +101,11 @@ const components = [
   Lollipop,
   Link,
   Position,
-  Histogram
+  Histogram,
+  RefreshRight,
+  ArrowDown,
+  Close,
+  CloseBold
 ];
 
 const plugins = [ElLoading];
diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss
index 6628a9b50..1c0cd9c22 100644
--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -263,7 +263,7 @@
       .el-icon-setting {
         height: 62px;
         width: 40px;
-        padding: 11px;
+        padding: 12px;
         display: flex;
         cursor: pointer;
         align-items: center;