uniapp iconfont-引用阿里巴巴矢量图标库

k-icons-font图标插件:

https://ext.dcloud.net.cn/plugin?id=14612

下载图标库

https://www.iconfont.cn/

为了方便使用设置FontClass为空,当然不设置也可以

uniapp iconfont-引用阿里巴巴矢量图标库_第1张图片
uniapp iconfont-引用阿里巴巴矢量图标库_第2张图片

下载图标库

uniapp iconfont-引用阿里巴巴矢量图标库_第3张图片

将图标可以中的:iconfont.css、iconfont.ttf拷贝到插件目录上"k-icons-font"(覆盖即可)

uniapp iconfont-引用阿里巴巴矢量图标库_第4张图片

修改iconfont.css中@font-face代码块为

@font-face {
font-family: "iconfont"; /* Project id 4249807 */
src: url('./iconfont.ttf') format('truetype');
}

使用




Icons Props

属性名 类型 默认值 说明
size Number/String 16 图标大小,单位默认rpx
type String - 图标图案名称
color String - 图标颜色

Icons Events

事件名 说明 返回值
@click 点击Icon触发事件 -

你可能感兴趣的:(uniapp,uni-app)