更新记录

0.1.1(2023-07-18)

优化

0.1.0(2023-07-18)

初始化插件


平台兼容性

Vue2 Vue3
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="自定义"

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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