diff --git a/src/icons/index.js b/src/icons/index.js index d850a9c3568eaf6786c88a3a1855f24a366534dc..c8e36b9bab72c9ecb8752b04b2be42a39e24d6b2 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 e0233f98e36076f483b4eca48544dae2913b8f5f..8cf289eff03058811a3449f6f8d3e49eb556a679 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;