比如
我想做一下这一部分,但是我想让这5个内容在data中用数组的形式存储,然后让他们在一行,我最初的想法是每一个的width占20,但是字体不太合适 ,会出现button内换行的效果。希望大佬们能帮忙解答一下。
wxml中的内容
< view wx:for = "{{order}}" wx:key = "{{}}" > < button class = 'GPSBtn' >{{order[index]}}</ button > </ view > |
js中的内容
data: { order:[ "全部订单" , "待付款" , "待发货" , "已发货" , "已收货" ], }, |
整个父标签裹起来,设上 display:flex;justify-content:space-around;
感谢大佬,成功了。在下是真的佩服大佬。
哎哟。。一个flex布局。。我的心好痛
我对这一些布局特别容易混淆,哈哈,是我自己太low了,献丑了。
卢老师,我还有个问题,有时间请你帮我看一下。我百度了一下,微信小程序好像不能通过获取id,来修改相应标签的样式,网上说的一般是放入data中,然后修改setData中的内容。
比如我的这个问题,当点击五个按钮的时候,下面还有有一个蓝条表示目前在什么页面,我的蓝条样式是这样设计的
没办法通过设置id修改的话,那么这五个按钮和五个蓝条我就要在data中设置两种样式、写五遍吗?并且如果这些内容是从数据库中获取的呢? 那么就需要在一开始页面加载方法中动态生成两种样式、n遍吗?
还是有别的方式,我只是还没有了解到?请老师
给你写个例子。。