更新记录

1.0.4(2024-06-18)

修改默认px值为uni.upx2px转换

1.0.3(2024-06-18)

将upx改为px

1.0.2(2024-06-06)

添加是否开启点击事件参数

查看更多

平台兼容性

icon-list:图标图片展示列表组件

1、使用示例

<icon-list :localdata="dataList" :map="{label:'name',count:'todoCount',to:'url'}"></icon-list>

2、参数如下

// 接收参数
defineProps({
    column: { type: Number, default: 4 },   // 显示列数
    localdata: { type: Array, default: () => [] }, // 数据源
    link: { type: String, default: 'navigateTo' },// 跳转方式navigateTo、redirectTo、reLaunch、switchTab
    clickable: { type: Boolean, default: false },   // 是否开启点击反馈
    map: { type: Object, default: () => { } },  // 集合对应的字段,默认{'label': '标签字段','src': "图片src字段",'to': '跳转链接字段','count': '图片右上角数量'}
    badge: { type: Object, default: () => { } },    // 角标自定义属性
    defaultIcons: { type: Object, default: () => { } }, // 自定义默认无图片时的图标属性
    imageSize: { type: Number, default: 38 },   // 图片大小,单位px
    imageStyle: { type: Object, default: () => { } },// 自定义图片外框样式,可以设置图片大小
    labelStyle: { type: Object, default: () => { } }    // 自定义文字标签展示样式
});

3、展示所需字段:map

map={
    label: 'label', // 标签文字对应字段
    src: "src",     // 图片src路径字段
    to: 'to',       // 点击跳转链接字段
    count: 'count'  // 图片角标数量字段
}

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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