no message
Former-commit-id: a50511cb36f6ab3960e5a66b0fd3f952717bd030 Former-commit-id: 7852addc7f9d39775fee6494e7b2088cb84de5d2 Former-commit-id: e91aa14f694da2d585e26aed228d82fa4ab06798
This commit is contained in:
@@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
你已经发现了,只需要将图标文件放入项目中就会自动注册
|
你已经发现了,只需要将图标文件放入项目中就会自动注册
|
||||||
|
|
||||||
这是因为D2Admin已经配置好 `webpack` 和 `svg-sprite-loader` 相关设置,`src/assets/icons/svg` 文件夹中的图标会自动注册,全部打包成 svg-sprite,同时名称会自动注册到 `Vue.$IconSvg` 属性中
|
这是因为已经对 `webpack` 和 `svg-sprite-loader` 进行了相关设置,`src/assets/icons/svg` 文件夹中的图标会自动注册到项目中,文件全部打包成 svg-sprite,名称注册到 `Vue.$IconSvg` 属性中
|
||||||
|
|
||||||
所以如果你需要检查项目中已经注册的所有图标,可以通过如下方式
|
所以如果你需要检查项目中已经注册的所有图标,可以通过如下方式
|
||||||
|
|
||||||
|
|||||||
@@ -37,21 +37,3 @@
|
|||||||
[Font Awesome 中文网](http://www.fontawesome.com.cn/faicons/)
|
[Font Awesome 中文网](http://www.fontawesome.com.cn/faicons/)
|
||||||
|
|
||||||
[fontawesome.com](https://fontawesome.com/icons?d=gallery)
|
[fontawesome.com](https://fontawesome.com/icons?d=gallery)
|
||||||
|
|
||||||
PS. 示例中最后一个图标的样式 `SCSS`
|
|
||||||
|
|
||||||
```
|
|
||||||
<style lang="scss">
|
|
||||||
.icon-class-demo {
|
|
||||||
transition: all .3s;
|
|
||||||
font-size: 100px;
|
|
||||||
color: #409EFF;
|
|
||||||
cursor: pointer;
|
|
||||||
user-select: none;
|
|
||||||
&:hover{
|
|
||||||
color: #F56C6C;
|
|
||||||
transform: scale(1.2) rotate(30deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
```
|
|
||||||
Reference in New Issue
Block a user