若依前端引入外部icon
若依前端引入外部icon
场景:使用若依管理平台时,element-ui自带icon不满足需求,需要自己引入
具体实现:
(图片来源网络,侵删)
- 下载自己需要的svg文件,推荐下载地址: https:www.iconfont.cn,下载时选择SVG下载
- 将下载的svg文件引入项目中(src/assets/icons/svg文件夹下)
- 在需要使用的vue文件中使用:
.custom-class{ color: #C03639; font-size: 40px; }
说明:bookmark为svg文件名,custom-class为自定义样式,若样式不生效,将svg文件中的fill参数删除或者改为fill="currentColor"即可
(图片来源网络,侵删)
(图片来源网络,侵删)
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...