icon小图标的加入方式 --技术要一起分享哦

针对于本公司的项目

1、在项目文件夹的assets的images放入图片.png 

2、在项目文件夹的assets的style的mixins的 image_2.scss声明图片

$imgae-root:' '

$icon-edit:$image-root+'icon-edit.png'

3、在项目文件夹的assets的style的mixins的 icon.scss引入图片

$iconType:eidt;

@import './image_2.scss'

@each $className in $iconType{

.icon-#{$className}{

display: inline-block;

background-image:url($image-root + 'icon-'+ $className +'.png');

background-size:100%;

background-repeat: no-repeat;

}

}