irpas技术客

vue调整图标的大小_Vue 中icon使用的两种处理办法_weixin_39909366

网络 2208

组件式

通过新建一个icon组件,将svg图片进行封装,使用时可以传strokeColor来控制图标颜色。 贴代码:

export default {

name: 'icon',

props: {

strokeColor: {

type: String,

default: '#48B4FF'

}

}

}

例如我新建了这样一个Icon组件,当我在使用是就可以像其他组件一样引入,并可以通过props传入icon色值来改变图标颜色,例如:

此时图标颜色就是红色。

在项目中新建Icon文件夹,并将icon文件


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #调整icon大小 #贴代码export #default #name #icon #props