From bdb412b0390b2c917c33467c2096aeed0148d9d3 Mon Sep 17 00:00:00 2001
From: lin-xin <2981207131@qq.com>
Date: Tue, 11 Sep 2018 15:16:15 +0800
Subject: [PATCH] =?UTF-8?q?'=E6=89=A9=E5=B1=95=E6=9B=B4=E5=A4=9A=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                   |  1 +
 index.html                   | 15 +-----
 src/App.vue                  |  2 +-
 src/components/page/Icon.vue | 96 +++++++++++++++++++++++++++++-------
 4 files changed, 82 insertions(+), 32 deletions(-)
diff --git a/.gitignore b/.gitignore
index 060b35b..96a99dd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 node_modules/
 dist/
 npm-debug.log
+example.html
diff --git a/index.html b/index.html
index 607011e..448640d 100644
--- a/index.html
+++ b/index.html
@@ -2,23 +2,10 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>vue-manage-system | 基于Vue的后台管理系统</title>
+    <title>vue-manage-system</title>
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
-    <meta name="keywords" content="vue, vue-manage-system, manage-system, 后台管理系统, element" />
-    <meta name="description" content="基于Vue2 + Element UI 的后台管理系统解决方案" />
 </head>
 <body>
 <div id="app"></div>
-<!--<script src="./static/js/vendor.dll.js"></script>-->
-<!-- <script>
-    var _hmt = _hmt || [];
-    (function() {
-        var hm = document.createElement("script");
-        hm.src = "https://hm.baidu.com/hm.js?b455f7e1c6ca6e239edaccf0e6aa11fb";
-        var s = document.getElementsByTagName("script")[0]; 
-        s.parentNode.insertBefore(hm, s);
-    })();
-</script> -->
-
 </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index a8e06b6..08a8e28 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
     </div>
 </template>
 <style>
-    @import 'http://at.alicdn.com/t/font_830376_95kzqdmphss.css';
+    @import 'http://at.alicdn.com/t/font_830376_qzecyukz0s.css';
     @import "../static/css/main.css";
     @import "../static/css/color-dark.css";     /*深色主题*/
     /*@import "../static/css/theme-green/color-green.css";   浅绿色主题*/
diff --git a/src/components/page/Icon.vue b/src/components/page/Icon.vue
index 6d3ac76..a673a3c 100644
--- a/src/components/page/Icon.vue
+++ b/src/components/page/Icon.vue
@@ -7,20 +7,20 @@
         </div>
         <div class="container">
             <h2>使用方法</h2>
-            <p>
-                直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：
+            <p style="line-height: 50px;">
+                直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标）
             </p>
             <p class="example-p">
-                <i class="el-icon-lx-delete" style="font-size: 30px;"></i>
-                <span>&lt;i class=&quot;el-icon-lx-delete&quot;&gt;&lt;/i&gt;</span>
+                <i class="el-icon-lx-redpacket_fill" style="font-size: 30px;color: #ff5900"></i>
+                <span>&lt;i class=&quot;el-icon-lx-redpacket_fill&quot;&gt;&lt;/i&gt;</span>
             </p>
             <p class="example-p">
-                <i class="el-icon-lx-weibo" style="font-size: 30px;color: red"></i>
+                <i class="el-icon-lx-weibo" style="font-size: 30px;color:#fd5656"></i>
                 <span>&lt;i class=&quot;el-icon-lx-weibo&quot;&gt;&lt;/i&gt;</span>
             </p>
             <p class="example-p">
-                <i class="el-icon-lx-favorfill" style="font-size: 30px;color: #ffc300"></i>
-                <span>&lt;i class=&quot;el-icon-lx-favorfill&quot;&gt;&lt;/i&gt;</span>
+                <i class="el-icon-lx-emojifill" style="font-size: 30px;color: #ffc300"></i>
+                <span>&lt;i class=&quot;el-icon-lx-emojifill&quot;&gt;&lt;/i&gt;</span>
             </p>
             <br>
             <h2>图标</h2>
@@ -83,35 +83,94 @@
                     'locationfill',
                     'favor',
                     'favorfill',
+                    'skin',
+                    'skinfill',
+                    'news',
+                    'newsfill',
+                    'record',
+                    'recordfill',
+                    'emoji',
+                    'emojifill',
+                    'message',
+                    'messagefill',
+                    'goods',
+                    'goodsfill',
+                    'crown',
+                    'crownfill',
+                    'move',
+                    'add',
+                    'hot',
+                    'hotfill',
+                    'service',
+                    'servicefill',
+                    'present',
+                    'presentfill',
+                    'pic',
+                    'picfill',
+                    'rank',
+                    'rankfill',
+                    'male',
+                    'female',
+                    'down',
+                    'top',
+                    'recharge',
+                    'rechargefill',
+                    'forward',
+                    'forwardfill',
+                    'info',
+                    'infofill',
+                    'redpacket',
+                    'redpacket_fill',
+                    'roundadd',
+                    'roundaddfill',
+                    'friendadd',
+                    'friendaddfill',
+                    'cart',
+                    'cartfill',
+                    'more',
+                    'moreandroid',
+                    'back',
+                    'right',
+                    'shop',
+                    'shopfill',
+                    'question',
+                    'questionfill',
+                    'roundclose',
+                    'roundclosefill',
+                    'roundcheck',
+                    'roundcheckfill',
+                    'global',
+                    'mail',
+                    'punch',
+                    'exit',
+                    'upload',
+                    'read',
+                    'file',
+                    'link',
                     'full',
-                    'text',
                     'group',
                     'friend',
                     'profile',
                     'addressbook',
                     'calendar',
-                    'apps',
+                    'text',
                     'copy',
                     'share',
                     'wifi',
                     'vipcard',
-                    'goods',
                     'weibo',
-                    'message',
                     'remind',
-                    'qrcode',
-                    'cart',
                     'refresh',
-                    'top',
                     'filter',
-                    'pic',
                     'settings',
                     'scan',
+                    'qrcode',
                     'cascades',
+                    'apps',
+                    'sort',
+                    'searchlist',
                     'search',
-                    'emoji',
                     'edit'
-
                 ]
             }
         },
@@ -121,6 +180,9 @@
                     return item.indexOf(this.keyword) !== -1;
                 })
             }
+        },
+        created(){
+            console.log(this.iconList.length);
         }
     }
 </script>
