更新记录
0.1.1(2023-07-18)
下载此版本
优化
0.1.0(2023-07-18)
下载此版本
初始化插件
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.5.0 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
iconfont图标的封装
可根据项目自行到iconfont下载对应的图标
将components/ml-icon/iconfont.css文件替换就行
注意:iconfont.css文件'//at.alicdn.com/t/c/font_4171660_09z4v3a94wjr.ttf?t=1689649164103',这个要换
@font-face {
font-family: "iconfont";
src: url('//at.alicdn.com/t/c/font_4171660_09z4v3a94wjr.ttf?t=1689649164103') format('truetype');
}
使用方法:
<template>
<view>
<ml-icon type="icon-jian-yuankuang" color="blue" :size="65"></ml-icon>
</view>
</template>
<script>
import mlIcon from "@/components/ml-icon/ml-icon.vue"
export default {
data() {
return {}
},
components:{
mlIcon
},
methods: {
}
}
</script>
参数介绍:
参数 |
注释 |
type |
图标名(默认已经有iconfont) |
color |
图标颜色(默认颜色#999) |
size |
图标大小(这里使用rpx,默认40) |
事件:
事件 |
注释 |
onIcon |
@onIcon="自定义" |