本文记录了如何在Vue或UniApp中实现自定义图标组件的步骤，包括组件的代码结构、属性设置以及使用示例。通过创建my-icon组件并设置相应的样式和字体，可以实现自定义字体图标的显示和交互功能。
这里赘述下，只是记录下自己的学习
官网示例如下：
my-icon组件的代码如下
export default {
name: 'myIcon',
props: {
/**
* 自定义字体图标库前缀
*/
prefixClass: {
type: String,
default: 'uni-icon'
},
type: {
type: String,
default: ''
},
color: {
type: String,
default: '#333333'
},
size: {
type: [Number, String],
default: 16
}
},
methods: {
_onClick() {
this.$emit('click')
}
}
}
@font-face {
font-family: myicons;
fo
最低0.47元/天 解锁文章
扫一扫
1031
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
