收藏
回答

如何让多个button或者多个view显示在一行内,并且自动适应于屏幕的宽度

比如



我想做一下这一部分,但是我想让这5个内容在data中用数组的形式存储,然后让他们在一行,我最初的想法是每一个的width占20,但是字体不太合适 ,会出现button内换行的效果。希望大佬们能帮忙解答一下。

wxml中的内容

<view wx:for="{{order}}" wx:key="{{}}">
  <button class='GPSBtn'>{{order[index]}}</button>
</view>

js中的内容

data: {
  order:["全部订单","待付款","待发货","已发货","已收货"],
},


回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2019-01-15

    整个父标签裹起来,设上 display:flex;justify-content:space-around;

    2019-01-15
    有用 2
    回复 7
    • 有志青年
      有志青年
      2019-01-15

      感谢大佬,成功了。在下是真的佩服大佬。

      2019-01-15
      回复
    • 卢霄霄
      卢霄霄
      2019-01-15回复有志青年

      哎哟。。一个flex布局。。我的心好痛

      2019-01-15
      1
      回复
    • 有志青年
      有志青年
      2019-01-15回复卢霄霄

      我对这一些布局特别容易混淆,哈哈,是我自己太low了,献丑了。

      2019-01-15
      回复
    • 有志青年
      有志青年
      2019-01-15回复卢霄霄

      卢老师,我还有个问题,有时间请你帮我看一下。我百度了一下,微信小程序好像不能通过获取id,来修改相应标签的样式,网上说的一般是放入data中,然后修改setData中的内容。

      比如我的这个问题,当点击五个按钮的时候,下面还有有一个蓝条表示目前在什么页面,我的蓝条样式是这样设计的

      没办法通过设置id修改的话,那么这五个按钮和五个蓝条我就要在data中设置两种样式、写五遍吗?并且如果这些内容是从数据库中获取的呢? 那么就需要在一开始页面加载方法中动态生成两种样式、n遍吗?

      还是有别的方式,我只是还没有了解到?请老师

      2019-01-15
      回复
    • 卢霄霄
      卢霄霄
      2019-01-15回复有志青年

      给你写个例子。。

      2019-01-15
      2
      回复
    查看更多(2)
登录 后发表内容