更新记录
1.0.0(2021-08-18) 下载此版本
使用方法 <sxl-list :listData="listData" @listItemClick="listItemClick">
data数据 listData: [{ imgIcon: "../../static/sxl-grid/Iconly-Bulk-Home.png", //图标图片路径 name: "主页", //列表项名称 rightText:"进入主页" //右侧提示文字 不需要可以不设置该属性 }, { imgIcon: "../../static/sxl-grid/Iconly-Bulk-Wallet.png", //图标图片路径 name: "账户", //列表项名称 }, { imgIcon: "../../static/sxl-grid/Iconly-Bulk-Profile.png", //图标图片路径 name: "我的", //列表项名称 }, { imgIcon: "../../static/sxl-grid/Iconly-Bulk-Buy.png", //图标图片路径 name: "购物车", //列表项名称 }, { imgIcon: "../../static/sxl-grid/Iconly-Bulk-Game.png", //图标图片路径 name: "娱乐", //列表项名称 }, ]
事件 / 列表项点击事件 / listItemClick(listItem,index) { console.log("触发了itemClick事件!"); console.log("当前点击项的配置对象:", listItem); console.log("当前点击项的索引:", index); }
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |