c语言 设计微信小程序,微信小程序实现一个简单的表格

wxml

SPB

DPB

日期

{{item.code}}

{{item.text}}

{{item.date}}

{{item.code}}

{{item.text}}

{{item.date}}

wxss

.table {

border: 0px solid darkgray;

font-size: 12px;

}

.tr {

display: flex;

width: 100%;

justify-content: center;

height: 2rem;

align-items: center;

}

.td {

width:40%;

justify-content: center;

text-align: center;

}

.bg-w{

background: snow;

}

.th {

width: 40%;

justify-content: center;

background: #3366FF;

color: #fff;

display: flex;

height: 2rem;

align-items: center;

}

js

Page({

data: {

listData: [

{ "code": "120", "text": "70", "date": "2018年4月19日" },

{ "code": "125", "text": "74", "date": "2018年4月17日" },

{ "code": "119", "text": "76", "date": "2018年4月16日" },

{ "code": "117", "text": "78", "date": "2018年4月15日" }

]

},

onLoad: function () {

console.log('onLoad')

}

})