更新记录

0.1.1(2023-07-18) 下载此版本

优化

0.1.0(2023-07-18) 下载此版本

初始化插件


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
-

其他

多语言 暗黑模式 宽屏模式
× ×

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协议

暂无用户评论。

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