perf: 修改一些 icon

2025-09-19 09:43:32 +00:00 · 2024-06-11 11:02:24 +08:00
parent 56f66a169c
commit acef2eff3a
6 changed files with 58 additions and 23 deletions
--- a/src/components/Table/ListTable/TableAction/RightSide.vue
+++ b/src/components/Table/ListTable/TableAction/RightSide.vue
@@ -76,7 +76,8 @@ export default {
    },
    reloadTable: {
      type: Function,
-      default: () => {}
+      default: () => {
+      }
    },
    extraRightSideActions: {
      type: Array,
@@ -94,10 +95,34 @@ export default {
  data() {
    return {
      defaultRightSideActions: [
-        { name: 'actionSetting', icon: 'system-setting', tip: this.$t('TableSetting'), has: this.hasColumnSetting, callback: this.handleTableSettingClick.bind(this) },
-        { name: 'actionImport', icon: 'upload', tip: this.$t('Import'), has: this.hasImport, callback: this.handleImportClick.bind(this) },
-        { name: 'actionExport', icon: 'download', tip: this.$t('Export'), has: this.hasExport, callback: this.handleExportClick.bind(this) },
-        { name: 'actionRefresh', icon: 'refresh', tip: this.$t('Refresh'), has: this.hasRefresh, callback: this.handleRefreshClick.bind(this) }
+        {
+          name: 'actionSetting',
+          icon: 'system-setting',
+          tip: this.$t('TableSetting'),
+          has: this.hasColumnSetting,
+          callback: this.handleTableSettingClick.bind(this)
+        },
+        {
+          name: 'actionImport',
+          icon: 'upload',
+          tip: this.$t('Import'),
+          has: this.hasImport,
+          callback: this.handleImportClick.bind(this)
+        },
+        {
+          name: 'actionExport',
+          icon: 'download',
+          tip: this.$t('Export'),
+          has: this.hasExport,
+          callback: this.handleExportClick.bind(this)
+        },
+        {
+          name: 'actionRefresh',
+          icon: 'refresh',
+          tip: this.$t('Refresh'),
+          has: this.hasRefresh,
+          callback: this.handleRefreshClick.bind(this)
+        }
      ],
      dialogExportVisible: false
    }
@@ -141,7 +166,7 @@ export default {
 .right-side-actions.right-side-item {
  display: flex;
  align-items: center;
-  justify-content:center;
+  justify-content: center;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
@@ -149,7 +174,7 @@ export default {
  ::v-deep .el-button {
    border: none;
    padding: 7px;
-    font-size: 14px;
+    font-size: 13px;
    color: var(--color-icon-primary);
    background-color: transparent;

@@ -166,6 +191,6 @@ export default {

 .table-action-right-side {
  display: flex;
-  justify-content:center;
+  justify-content: center;
 }
 </style>
--- a/src/icons/svg/feature.svg
+++ b/src/icons/svg/feature.svg
@@ -1,8 +1,7 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="47px" viewBox="0 0 40 47" version="1.1" xmlns="http://www.w3.org/2000/svg"
+<svg width="40px" height="34.8444564px" viewBox="0 0 40 34.8444564" version="1.1" xmlns="http://www.w3.org/2000/svg"
 >
-    <path d="M29.384614,15.334552 L19.8415393,20.8760892 L10.4630799,15.5053212 C8.6800034,14.4899368 7.15846529,17.1653208 8.9415418,18.1791667 L18.4953858,23.6499347 L18.4953858,35.9930088 C18.4953858,36.8426774 19.1841783,37.5314699 20.0338469,37.5314699 C20.8835156,37.5314699 21.5723081,36.8426774 21.5723081,35.9930088 L21.5723081,23.5883962 C21.5723081,23.537627 21.5476927,23.4945501 21.5430774,23.4437809 L30.9061521,18.0068591 C32.6892286,16.9945516 31.1676905,14.3191676 29.384614,15.334552 L29.384614,15.334552 Z"
-          id="路径"></path>
-    <path d="M37.7061506,9.63763022 L22.3169233,0.62993999 C20.8820847,-0.209979997 19.1056092,-0.209979997 17.6707706,0.62993999 L2.29231257,9.63763022 C0.870612488,10.4730407 -0.00177007795,11.9994174 2.69671022e-06,13.6483985 L2.69671022e-06,32.7668557 C2.69671022e-06,34.439163 0.895389811,35.9822395 2.34308178,36.8053163 L17.7276936,45.5514681 C19.1359944,46.3529907 20.8624687,46.3529907 22.2707695,45.5514681 L37.6553813,36.8053163 C39.1062505,35.9787049 40.0015075,34.4366776 40.0000027,32.7668557 L40.0000027,13.6483985 C40.0014514,11.999103 39.1284421,10.472654 37.7061506,9.63763022 Z M36.9230738,32.7668557 C36.9230738,33.3237786 36.6246123,33.8391631 36.1415355,34.1130092 L20.7569237,42.859161 C20.2877855,43.1267596 19.7122161,43.1267596 19.2430779,42.859161 L3.85846605,34.1130092 C3.37484298,33.8374721 3.07642399,33.323463 3.07692713,32.7668557 L3.07692713,13.6483985 C3.07692713,13.0976294 3.36769693,12.5899372 3.84154298,12.3114758 L19.220001,3.30378553 C19.6979042,3.02377813 20.2897897,3.02377813 20.7676929,3.30378553 L36.1584586,12.3130142 C36.6323047,12.5883988 36.9230738,13.0976294 36.9230738,13.6483985 L36.9230738,32.7668557 L36.9230738,32.7668557 Z"
+    <path d="M31.9324389,34.8444564 L8.14439661,34.8444564 C6.46918235,34.8444564 4.96148953,33.6718064 4.45892525,31.9965921 L0.103368217,14.4068425 C-0.231674619,12.8991497 0.270889655,11.5589783 1.27601817,10.5538498 C2.28114668,9.54872122 3.95636098,9.38119978 5.29653236,10.0512855 L10.4896965,12.5641069 C10.8247394,12.7316283 11.1597823,12.5641069 11.3273037,12.229064 L16.6879893,2.0102571 C17.358075,0.670085713 18.6982464,0 20.0384178,0 C21.3785892,0 22.7187606,0.670085713 23.3888463,2.0102571 L28.5820104,12.229064 C28.7495319,12.5641068 29.0845747,12.5641068 29.4196176,12.5641069 L34.6127817,10.0512855 C35.9529531,9.38119978 37.4606459,9.54872122 38.6332959,10.5538498 C39.8059459,11.5589783 40.3085102,13.0666711 39.8059459,14.4068425 L35.4503889,31.8290707 C35.115346,33.6718064 33.6076532,34.8444564 31.9324389,34.8444564 Z M3.78883954,12.7316283 C3.6213181,12.7316283 3.4537967,12.8991497 3.28627526,12.8991497 C3.28627526,13.0666711 2.95123243,13.2341925 3.11875387,13.5692354 L7.4743109,31.158985 C7.4743109,31.4940279 7.80935374,31.6615493 8.14439661,31.6615493 L31.9324389,31.6615493 C32.2674818,31.6615493 32.4350032,31.4940279 32.6025246,31.158985 L36.9580817,13.7367568 C37.1256031,13.2341925 36.7905602,13.0666711 36.7905603,12.8991497 C36.6230388,12.7316283 36.4555174,12.7316283 36.1204746,12.7316283 L30.9273104,15.2444496 C29.0845747,16.0820568 26.9067962,15.4119711 25.9016676,13.7367568 L20.7085035,3.51794992 C20.540982,3.35042849 20.3734606,3.18290705 20.2059392,3.18290705 C20.0384178,3.18290705 19.8708964,3.18290705 19.7033749,3.51794992 L14.3426893,13.7367568 C13.3375608,15.5794925 11.1597822,16.2495782 9.31704656,15.4119711 L4.12388242,12.8991497 C3.95636098,12.8991497 3.78883958,12.7316283 3.78883954,12.7316283 Z"
          id="形状"></path>
+    <path d="M24.5614962,28.4786422 L15.5153393,28.4786422 C14.6777322,28.4786422 14.0076465,27.8085565 14.0076465,26.9709494 C14.0076465,26.1333423 14.6777322,25.4632566 15.5153393,25.4632566 L24.5614962,25.4632566 C25.3991034,25.4632566 26.0691891,26.1333423 26.0691891,26.9709494 C26.0691891,27.8085565 25.3991034,28.4786422 24.5614962,28.4786422 Z"
+          id="路径"></path>
 </svg>
--- a/src/icons/svg/plus.svg
+++ b/src/icons/svg/plus.svg
@@ -1,6 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="42px" height="42px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg"
->
-    <line x1="20.0864286" y1="0" x2="20.0341429" y2="40" id="路径"></line>
-    <line x1="0" y1="20" x2="40" y2="20" id="路径"></line>
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 24 24">
+    <path fill-rule="evenodd"
+          d="M 11 2 L 11 11 L 2 11 L 2 13 L 11 13 L 11 22 L 13 22 L 13 13 L 22 13 L 22 11 L 13 11 L 13 2 Z"></path>
 </svg>
--- a/src/icons/svg/user-group.svg
+++ b/src/icons/svg/user-group.svg
@@ -1,6 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg"
->
-    <path d="M0,39.9999994 C0,31.5842319 6.82232752,24.7619044 15.238095,24.7619044 C23.6538625,24.7619044 30.47619,31.5842319 30.47619,39.9999994 L26.6666663,39.9999994 C26.6662973,33.6884347 21.5496597,28.5720963 15.238095,28.5720963 C8.92653033,28.5720963 3.80989277,33.6884347 3.80952377,39.9999994 L0,39.9999994 L0,39.9999994 Z M15.238095,22.8571428 C12.2068429,22.8578163 9.2995496,21.6539546 7.15613066,19.5105356 C5.01271171,17.3671167 3.80884994,14.4598233 3.80952349,11.4285713 C3.80952349,5.11492055 8.92444432,0 15.238095,0 C21.5517457,0 26.6666663,5.11492055 26.6666663,11.4285713 C26.6666663,17.742222 21.5517457,22.8571428 15.238095,22.8571428 Z M15.238095,19.0476188 C19.4459787,19.0476188 22.8571425,15.636455 22.8571425,11.4285713 C22.8571425,7.22068753 19.4459787,3.80952377 15.238095,3.80952377 C11.0302113,3.80952377 7.6190475,7.22068753 7.6190475,11.4285713 C7.6190475,15.636455 11.0302113,19.0476188 15.238095,19.0476188 Z M31.0171424,26.1003171 C36.4853333,28.5626872 40.0011885,34.0029687 39.9999997,39.9999994 L36.1904756,39.9999994 C36.1919897,35.5017046 33.5546286,31.4209027 29.452698,29.5746027 L31.0171424,26.1003171 L31.0171424,26.1003171 Z M29.7066662,4.59682532 C33.6313111,6.21454893 36.1917954,10.0407329 36.1904761,14.2857141 C36.1917811,19.7030709 32.0616999,24.2274371 26.6666663,24.7187298 L26.6666663,20.8838092 C29.5622019,20.4670945 31.8478006,18.2113997 32.3026113,15.321603 C32.7574219,12.4318063 31.2751777,9.58310965 28.6476186,8.29714273 L29.7066662,4.59682532 L29.7066662,4.59682532 Z"
+<svg width="40px" height="34.99875px" viewBox="0 0 40 34.99875" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21.8125,21.03125 C25.255,19.10625 27.605,15.47125 27.605,11.25125 C27.6056904,5.03804656 22.5694534,0.000690355937 16.35625,0 C10.1430466,-0.000690355937 5.10569036,5.03554656 5.105,11.24875 C5.105,15.43625 7.4225,19.04625 10.8175,20.98375 C4.525,23.03875 0,28.53625 0,34.99875 L2.5,34.99875 C2.5,28.16875 8.6675,22.61125 16.2475,22.61125 C23.83,22.61125 30,28.16875 30,34.99875 L32.5,34.99875 C32.5,28.58375 28.0375,23.11875 21.8125,21.03125 Z M7.605,11.24875 C7.605,6.42375 11.53,2.49875 16.3525,2.49875 C21.175,2.49875 25.105,6.42375 25.105,11.24875 C25.105,16.07375 21.18,19.99875 16.3525,19.99875 C11.5232693,19.9918621 7.61050791,16.0779825 7.605,11.24875 L7.605,11.24875 Z M40,27.49875 L37.5,27.49875 C37.4998238,22.3226627 33.5330654,18.0103073 28.375,17.57875 C28.8938495,16.6228878 29.2983026,15.6092375 29.58,14.55875 C31.5085724,13.675698 32.6696043,11.6714036 32.4761469,9.55911887 C32.2826895,7.44683416 30.7768936,5.68678595 28.72,5.16875 C28.2624829,4.23357853 27.6996703,3.35371195 27.0425,2.54625 C27.1975,2.53625 27.3425,2.49875 27.5,2.49875 C31.635,2.49875 35,5.86375 35,9.99875 C35,12.38625 33.88,14.51375 32.1375,15.88875 C36.8819824,17.7916679 39.9939451,22.3868841 40,27.49875 Z"
          id="形状"></path>
 </svg>
--- a/src/router/settings/index.js
+++ b/src/router/settings/index.js
@@ -92,7 +92,7 @@ export default {
      component: () => import('@/views/settings/Msg'),
      meta: {
        title: i18n.t('Notifications'),
-        icon: 'email-set',
+        icon: 'remind',
        permissions: ['settings.change_email']
      }
    },
--- a/src/views/settings/Applet/VirtualApp/components/CardTable.vue
+++ b/src/views/settings/Applet/VirtualApp/components/CardTable.vue
@@ -8,6 +8,9 @@
    />
    <div style="padding-top: 15px">
      <el-row :gutter="20">
+        <IBox v-if="totalData.length === 0" class="empty-box">
+          <el-empty />
+        </IBox>
        <el-col v-for="(d, index) in totalData" :key="index" :span="6">
          <el-card
            :body-style="{ 'text-align': 'center', 'padding': '20px' }"
@@ -55,12 +58,14 @@
 import TableAction from '@/components/Table/ListTable/TableAction'
 import { Pagination } from '@/components'
 import { toSafeLocalDateStr } from '@/utils/time'
+import IBox from '@/components/IBox/index.vue'

 const defaultFirstPage = 1

 export default {
  name: 'CardTable',
  components: {
+    IBox,
    TableAction,
    Pagination
  },
@@ -249,6 +254,16 @@ export default {
  visibility: visible;
 }

+.empty-box ::v-deep .el-empty {
+  max-width: 200px;
+  margin: 0 auto;
+
+  .el-empty__description {
+    margin-top: 20px;
+    text-align: center;
+  }
+}
+
 .enterprise {
  position: absolute;
  right: -1px;