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

k-icons-font图标插件:

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

下载图标库

https://www.iconfont.cn/

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

下载图标库

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

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

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

使用

<k-icons-font type="search" color="#00ff00" size="70"></k-icons-font>
<k-icons-font type="pailie" color="#ffff00" size="80"></k-icons-font>
<k-icons-font type="Video" color="#00ffff" size="90"></k-icons-font>

Icons Props

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

Icons Events

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