收藏
回答

请教下社区的各位老师,这个循环排版该如何处理呢?整了很久都不会



<view class="center hang array">

    <block wx:for="{{indexdb}}wx:for-index="idxwx:for-item="list">

        <view bindtap="kantiedata-id="{{list._id}}class="placeholder interval">{{list.name}}view>

    block>

view>


<view class="weui-article__h2 center hang">循环想要达到的效果view>

<view class="weui-flex center hang">

    <view class="weui-flex__item"><view class="placeholder">数据1view>view>

    <view class="weui-flex__item"><view class="placeholder">数据2view>view>

    <view class="weui-flex__item"><view class="placeholder">数据3view>view>

view>

<view class="weui-flex center hang">

    <view class="weui-flex__item"><view class="placeholder">数据4view>view>

    <view class="weui-flex__item"><view class="placeholder">数据5view>view>

    <view class="weui-flex__item"><view class="placeholder">view>view>

view>


最后一次编辑于  2020-08-24
回答关注问题邀请回答
收藏

3 个回答

  • 蹲着嗑瓜子
    蹲着嗑瓜子
    2020-08-24

    给样式加上纵向排列:

    display: flex;

      flex-direction: column;


    横向排列:

      display: flex;

      flex-direction: row; 



    2020-08-24
    有用
    回复 5
    • 6
      6
      2020-08-24
      谢谢老师, 我马上去试试
      2020-08-24
      回复
    • 6
      6
      2020-08-24
      老师,我还是不会,您方便教教我吗
      2020-08-24
      回复
    • 6
      6
      2020-08-24
      2020-08-24
      回复
    • 蹲着嗑瓜子
      蹲着嗑瓜子
      2020-08-24回复6
      https://developers.weixin.qq.com/s/BpOsJPm67Jjv 更细致的你自己调
      2020-08-24
      回复
    • 6
      6
      2020-08-24回复蹲着嗑瓜子
      谢谢老师谢谢老师
      2020-08-24
      回复
  • 神奇桑桑😄
    神奇桑桑😄
    2020-08-24

    没理解错的话,楼主咨询的是样式布局问题吧?这种可以尝试搜索一下微信小程序,列表横向排列之类的关键词。论坛里一般不太讨论样式的写法。

    2020-08-24
    有用
    回复 2
  • admin
    admin
    2020-08-23

    不知道你要干嘛,上个代码片段吧

    2020-08-23
    有用
    回复 2
    • 6
      6
      2020-08-24
      老师好,我是想一排三个,像下面那样排版,但是不知道循环怎么写
      2020-08-24
      回复
    • 6
      6
      2020-08-24
      上不成代码片段
      2020-08-24
      回复
登录 后发表内容
问题标签