add icon tips
							parent
							
								
									90fd4328b7
								
							
						
					
					
						commit
						c182a119e1
					
				| 
						 | 
				
			
			@ -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
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue