全国咨询热线:18720358503

我的跑团小程序_微信小程序完成简略表格

类别:行业新闻 发布时间:2021-01-08 浏览人次:

微信小程序实现简单表格       这篇文章主要介绍了微信小程序实现简单表格,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现简单表格的具体代码,供大家参考,具体内容如下

效果图:

wxml

 view 
 view 
 view SPB /view 
 view DPB /view 
 view 日期 /view 
 /view 
 block wx:for="{{listData}}" wx:key="{[code]}" 
 view wx:if="{{index % 2 == 0}}" 
 view {{item.code}} /view 
 view {{item.text}} /view 
 view {{item.date}} /view 
 /view 
 view wx:else 
 view {{item.code}} /view 
 view {{item.text}} /view 
 view {{item.date}} /view 
 /view 
 /block 
 /view 

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')

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


推荐阅读

我的跑团小程序_微信小程序完成简略表格

手机微信微信小程序完成简易报表 本文关键详细介绍了手机微信微信小程序完成简易报表,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下文中案例为大伙儿共享...

2021-01-08
商家如何进行小程序引流转化

    店家怎样开展微信小程序引流方法转换        总流量转换:社交媒体总流量转换,朋友共享,群共享,微信公众号连接 服务平台引流方法:微信小程序模版信息。手机微信微信...

2021-01-08
宝山企业网站建设-工业制造类商城系统开发与微

工业生产生产制造类商城系统系统软件与微信小程序商城系统开发设计存有的难题与处理计划方案 浏览量:2202据统计,17年,在我国的工业生产提升值与增长速度出現了几回不一样水平...

2021-01-08
广州凡科互联网科技股份有限公司招聘月薪6000咨

招聘人数:27职位信息岗位职责:1) 普通话标准,较强的沟通交流能力2) 熟练使用电脑,会使用Office软件3) 学习能力强,耐心、细致,了解一定的电话礼仪知识4) 具备客服或呼叫中心...

2021-01-08
广州凡科互联网科技股份有限公司招聘电商客服

招聘人数:4职位信息主要职责1、日常电商客服,妥善处理日常售前/售后服务,主要包括:安排退换货处理、快递查件处理、中差评处理、投诉处理及 破损补发等。 2、客户回访、服...

2021-01-08
广州凡科互联网科技股份有限公司招聘6k手游推广

招聘人数:26职位信息岗位职责:1、通过公司安排招募游戏代理,与游戏代理达成合作。2、维护游戏玩家提高游戏玩家游戏体验,避免流失3、给予玩家开服提醒,解答游戏相关问题。4、整...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信