<el-icon :size="20" color="hotpink"> <edit /> </el-icon> 此时,在el-icon上设置size和color就能控制svg图标的大小和颜色。 需要注意的是size属性必须传数字,不能传字符串进去! 局部引入 <template> <el-icon :size="30" color="hotpink"> <edit /> </el-icon> </template> import { El...
<el-icon:size="20"color="hotpink"> <edit/> </el-icon> 此时,在el-icon上设置size和color就能控制svg图标的大小和颜色。 需要注意的是size属性必须传数字,不能传字符串进去! 局部引入 <template> <el-icon:size="30"color="hotpink"> <edit/> </el-icon> </template> import{ElIcon}from'el...
<el-icon:size="20"color="hotpink"><edit/></el-icon> 此时,在el-icon上设置size和color就能控制svg图标的大小和颜色。 需要注意的是size属性必须传数字,不能传字符串进去! 局部引入 <template><el-icon:size="30"color="hotpink"><edit/></el-icon></template>import{ElIcon}from'element-plus'impor...
<e-icon type="Aim":size="36"color="rgba(53, 131, 208, 0.5)"/> 因为是二次封装,所以不能用回<el-icon>,这是Element Plus的组件。 本次封装的目的是简化icon的使用方式,所以我把标签名也跟着简化了,变成<e-icon> 缺点 打包出来的体积可能会大一丢丢。
1. 在vue3 + Element Plus的用法 <ElIcon:size="30"color="hotpink"> <edit/> </ElIcon> <!-- 也可以直接使用图标标签,无需父标签包裹 --> <edit/> 1. 2. 3. 4. 5. 6. 个人觉得,Element UI 的用法会更加简单。 下一篇文章我会讲解如何在 ...
tooltipeffect="dark"content="收藏"placement="top":enterable="false":hide-after="0"@click="handleEditClick(scope.$index, scope.row)"><el-buttonsize="small"circle><el-iconsize="18"><StarFilled/></el-icon></el-button></el-tooltip></template></el-table-column></el-table-column></el...
{ node.label }}</template></el-tree-v2><el-buttonsize="small"type="primary"@click="handleGetCheckedNodesClick"><el-icon:size="14"style="margin-right: 5px"><Check/></el-icon>获取选中节点</el-button></template>import{ onMounted, onUnmounted, ref, getCurrentInstance }from'vue'// 代理...
如果只需要使用el-icon组件,可以单独引入: Vue.component('el-icon', Icon) 三、使用 <el-icon name="xxx"></el-icon> 其中,name为图标名称,可以在官方文档中查找对应的名称。此外,el-icon还提供了一些属性可以对图标进行样式调整,例如: 1. color属性。 可以对图标的颜色进行调整: 2. size属性。 可以添加...
<e-icon type="Aim" :size="36" color="rgba(53, 131, 208, 0.5)" /> 因为是二次封装,所以不能用回<el-icon>,这是Element Plus的组件。 本次封装的目的是简化icon的使用方式,所以我把标签名也跟着简化了,变成<e-icon> 缺点 打包出来的体积可能会大一丢丢。
<el-icon :size="20" color="hotpink"> <edit /> </el-icon> 此时,在el-icon上设置size和color就能控制svg图标的大小和颜色。 需要注意的是size属性必须传数字,不能传字符串进去! 局部引入 <template> <el-icon :size="30" color="hotpink"> <edit /> </el-icon> </template> import { El...