
https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行,显示不出来,有可能是版本问题
我这里需要这么使用,增加一个icon的绑定:
<el-button type="success" :icon="Plus" size="default">添加培训项目</el-button>
还需要给对应的图标按需引入才行:
import { Search, Plus, Edit,Check } from '@element-plus/icons-vue'
引入的规则其实就是官网图标最后那个名称的大写而已
按照官网那样写不行,有可能是没有做全局引入,所以需要按需引入。
直接显示图标
直接显示图标一般也是要先引入:
import { ArrowDownBold } from '@element-plus/icons-vue'
然后使用:
<el-icon><ArrowDownBold /></el-icon>
修改图标大小
直接在el-icon里边设置一个size属性就可以了
<el-icon size="16"><ArrowDownBold class="tlb-wrap-icon" /></el-icon>
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)
评价
排名
8
文章
222
粉丝
7
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术