ZIP小程序table组件 满足基本需求 3.08KB

weixin_67585820需要积分:6(1积分=1元)

资源文件列表:

table.zip 大约有6个文件
  1. table/
  2. table/table.js 2.82KB
  3. table/table.json 51B
  4. table/table.less 1.08KB
  5. table/table.wxml 1.07KB
  6. table/table.wxss 975B

资源介绍:

小程序table组件 怎么用请参考https://blog.csdn.net/weixin_67585820/article/details/123791822
// components/table/table/table.js Component({ /** * 组件的属性列表 */ externalClasses: ['table-class', 'tr-class', 'td-class', 'th-class', 'tr-class_even', 'tr-class_odd'], properties: { colWidth: Number, isScroll: { type: Boolean, value: false }, header: { type: Array, value: [] }, list: { type: Array, value: [] }, showActive: { type: Boolean, value: true }, activeColor: { type: String, value: '#d6e8ff' }, maxLine: { type: Number, value: 2 } }, observers: { 'header,list': function (header, list) { this.init(); } }, /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { setWidth (head) { const colWidth = this.data.colWidth || head.length < 3 ? (730 / head.length) : 300; const tableWidth = head.length >= 1 && this.data.isScroll ? head.length * colWidth : null; this.setData({ tableWidth }); }, init () { !this.data.tableWidth && this.setWidth(this.data.header); const { list, header } = this.data; let showHeader = JSON.parse(JSON.stringify(header)); let showList = JSON.parse(JSON.stringify(list)); showHeader.forEach((head, headIndex) => { showList.forEach((item, index) => { const body = header[headIndex].renderBody && header[headIndex].renderBody(item, index); const color = header[headIndex].renderColor && header[headIndex].renderColor(item, index); const bg = header[headIndex].renderBg && header[headIndex].renderBg(item, index); if (body !== undefined) { head.key = `col${headIndex}`; item[`col${headIndex}`] = {}; item[`col${headIndex}`].text = body; } else if (head.key) { const text = item[head.key]; item[head.key] = { text }; } if (color && head.key) { item[head.key].color = color; } if (bg && head.key) { item[head.key].bg = bg; } }); }); this.setData({ showHeader, showList }); }, checkRow (index) { if (!this.data.showActive) { return; } index = /\d+/.test(index) ? index : 0; this.setData({ currentIndex: index }); }, onLongPress (e) { const { index } = e.currentTarget.dataset; this.checkRow(index); const data = this.data.list[index]; this.triggerEvent('onLongPress', { index, data }); }, onTap (e) { const { index } = e.currentTarget.dataset; this.checkRow(index); const data = this.data.list[index]; this.triggerEvent('onClick', { index, data }); } } });
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPspringboot+vue校园宿舍管理系统4.32MB2年前
    ZIPSynaptics病毒专杀工具5.75MB1年前
    ZIPTurbo C 3.0汉化版3.9MB17年前
    ZIP基于python开发的简单的学生管理系统1.16MB3年前
    ZIPVue-Element UI集成ECharts实现数据统计分析页代码部分(如果帮助到你，感谢关注点赞)10.26KB3年前
    ZIPvs2005(c# )皮肤控件3.55MB16年前
    ZIPCrossflash Dell H330 Raid to Stock HBA IT Firmware.zip30.12MB3年前
    ZIPEverything更新windows专用版.zip2.87MB3年前