公告列表
公告列表
收藏
回答

使用scroll-view加block wx:for不能横向布局吗？

display多种参数都试过不知道为什么还不行，只能竖向一直不能横向

代码片段：https://developers.weixin.qq.com/s/SIchA8mk7Iwz

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

5 个回答

  • 
    
    2022-01-07

    我这样写了

    <view class="container">
    <scroll-view scroll-x="true">
        <view class="item-content" wx:for="{{hourly}}" wx:for-item="item">
            <view class="title">{{item.temp}}</view>
            <view class="content">{{item.text}}</view>
        </view>
    </scroll-view>
</view>

scroll-view {
  width: 100%;
  white-space: nowrap;
}


.item-content {
  width: 40%;
  display: inline-block;
  border: 1rpx solid gray;
  text-align: center;
}
    2022-01-07
    有用
    回复
  • 清茶涩
    清茶涩
    2022-01-07

    这个只是提供了一个具备滚动条的功能，样式得自己写

    2022-01-07
    有用
    回复
  • 游戏结束べ
    游戏结束べ
    2022-01-07

    <view>

        <scroll-view scroll-x>

            <view style="width: 1000px;display: flex;">

                <block wx:for="{{list}}" wx:key="index">

                    <view style="font-size: 50rpx;">{{item}}</view>

                </block>

            </view>

        </scroll-view>

    </view>


    2022-01-07
    有用
    回复
  • 浪花骑士
    浪花骑士
    2022-01-07

    你为啥要在block这种占位元素上添加style?

    添加的style又不会应用到你实际的view上

    2022-01-07
    有用
    回复
  • momo
    momo
    2022-01-07
    <scroll-view scroll-x="true" style="width: 100%;height: 300px;">
    <view style="width: 1000px;">
        <view wx:for="{{list}}" style="width: 30px; display: inline-block; font-size: 50rpx;">{{item}}</view>
    </view>
</scroll-view>


    2022-01-07
    有用
    回复
请 登录 后发表内容
相关问题
相关文档