From 242ea9c3de2e12e3be74c58121dcc490f1fc4b4e 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">
+ {{`<icon-svg :icon-class="${item}" />`}}
+ </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;