更新记录

1.0.1（2023-09-13）

修改插件路径

1.0.0（2023-09-13）

简单实现iconfont图标引用

平台兼容性

Vue2 Vue3
√ √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

k-icons-font图标插件

下载图标库

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触发事件 -

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...