From c182a119e168a3b9bbb43ab73bd7204d3a630638 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Tue, 29 Aug 2017 18:04:48 +0800
Subject: [PATCH] add icon tips

---
 src/icons/index.js            | 4 ++--
 src/views/svg-icons/index.vue | 8 +++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/icons/index.js b/src/icons/index.js
index d850a9c3..c8e36b9b 100644
--- a/src/icons/index.js
+++ b/src/icons/index.js
@@ -2,11 +2,11 @@ import Vue from 'vue'
 import IconSvg from '@/components/Icon-svg'// svg组件
 import generateIconsView from '@/views/svg-icons/generateIconsView.js'// just for views/icons , you can delete it
 // register globally
+
 Vue.component('icon-svg', IconSvg)
+
 const requireAll = requireContext => requireContext.keys().map(requireContext)
 const req = require.context('./svg', false, /\.svg$/)
-
 const iconMap = requireAll(req)
 
-console.log(generateIconsView)
 generateIconsView.generate(iconMap) // just for views/icons , you can delete it
diff --git a/src/views/svg-icons/index.vue b/src/views/svg-icons/index.vue
index e0233f98..8cf289ef 100644
--- a/src/views/svg-icons/index.vue
+++ b/src/views/svg-icons/index.vue
@@ -2,7 +2,12 @@
   <div class="icons-container">
     <div class="icons-wrapper">
       <div v-for='item of iconsMap' :key='item' class='icon-item'>
-        <icon-svg :icon-class="item" />
+        <el-tooltip placement="top" effect="light">
+          <div slot="content">
+            {{`&lt;icon-svg :icon-class=&quot;${item}&quot; /&gt;`}}
+          </div>
+          <icon-svg :icon-class="item" />
+        </el-tooltip>
         <span>{{item}}</span>
       </div>
     </div>
@@ -42,6 +47,7 @@ export default {
     float: left;
     font-size: 40px;
     color: #666;
+    cursor: pointer;
   }
   span {
     display: block;