Home Explore Help
Register Sign In
wangcong
/
visualization-design
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

feat:组件图标

ananzhusen 1 year ago
parent
b2b252d9d5
commit
9fdfa7f315
3 changed files with 22 additions and 8 deletions
Split View Show Diff Stats
  1. 2 2
      index.html
  2. 14 4
      src/views/components/Graphics.vue
  3. 6 2
      src/views/components/View.vue

+ 2 - 2
index.html
View File 

@@ -24,10 +24,10 @@
 
       }
 
     </style> 
     <link
 
-      href="//at.alicdn.com/t/c/font_4042197_h5hgbmc7d75.css"
 
+      href="//at.alicdn.com/t/c/font_4042197_useutdj9jks.css"
 
       rel="stylesheet"
 
     />
 
-    <script src="//at.alicdn.com/t/c/font_4042197_h5hgbmc7d75.js"></script>
 
+    <script src="//at.alicdn.com/t/c/font_4042197_useutdj9jks.js"></script>
 
     <script>document.domain ='le5le.com'</script>
 
   </head>
 
   <body>

+ 14 - 4
src/views/components/Graphics.vue
View File 

@@ -17,8 +17,14 @@
 
           :class="group.name === activedGroup ? 'active' : ''"

           @click="groupChange(group.name)"

         >

-          <t-icon :name="group.icon" />

-          {{ group.name }}

+          <template v-if="group.type === 'iconfont'">

+            <i class="l-icon" :class="group.icon"> </i>

+            {{ group.name }}

+          </template>

+          <template v-else>

+            <t-icon :name="group.icon" />

+            {{ group.name }}

+          </template>

         </div>

       </div>

       <div class="list" :class="groupType ? 'two-columns' : ''">

@@ -357,9 +363,10 @@ const userGroups = [
 
     key: '',

   },

   {

-    icon: 'app',

+    icon: 'l-zujian',

     name: '组件',

     key: 'chart',

+    type: 'iconfont',

   },

   {

     icon: 'image',

@@ -1926,7 +1933,10 @@ onUnmounted(() => {
 
           font-size: 20px;

           margin-bottom: 8px;

         }

-

+        .l-icon {

+          font-size: 24px;

+          margin-bottom: 8px;

+        }

         &:hover {

           color: var(--color-primary);

         }

+ 6 - 2
src/views/components/View.vue
View File 

@@ -41,10 +41,11 @@
 
       <t-tooltip content="保存为我的组件" placement="bottom">

         <a :class="{ gray: route.query.id && !route.query.c }">

           <t-badge dot :showZero="false" :count="route.query.c && dot ? 1 : 0">

-            <t-icon

+            <!-- <t-icon

               name="app"

               @click="save(SaveType.Save, 'le5leV-components', true)"

-            />

+            /> -->

+            <i class="l-icon l-zujian hover"> </i>

           </t-badge>

         </a>

       </t-tooltip>

@@ -1792,6 +1793,9 @@ const onSuccessChargeCloud = () => {
 
     .t-icon {

       font-size: 16px;

     }

+    .l-icon {

+      font-size: 18px;

+    }

   }

 

   #meta2d {