更新记录

1.0.6（2024-07-01） 下载此版本

解决h5的兼容性问题

1.0.5（2024-06-19） 下载此版本

属性默认值单位改为rpx

1.0.4（2024-06-18） 下载此版本

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

平台兼容性

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: String, default: '76rpx' },  // 图片大小,单位rpx
    imageStyle: { type: Object, default: () => { } },// 自定义图片外框样式，可以设置图片大小
    labelStyle: { type: Object, default: () => { } }    // 自定义文字标签展示样式
});

3、展示所需字段：map

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