使用scroll-view加block wx:for不能横向布局吗?
发布于 3 年前 作者 tao15 11039 次浏览 来自 问答

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

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

5 回复

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

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

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

我这样写了

<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 {
  width100%;
  white-space: nowrap;
}

.item-content {
  width40%;
  display: inline-block;
  border: 1rpx solid gray;
  text-align: center;
}

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

<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>
回到顶部