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

小程序 文章 2022-01-07 16:00 280 0 全屏看文

AI助手支持GPT4.0

使用scroll-view加block wx:for不能横向布局吗?Can't I use scroll-view and block wx:for to lay out horizontally?

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

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

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

I've tried many parameters of display. I don't know why it doesn't work. I can only vertically, but not horizontally: https://developers.weixin.qq.com/s/SIchA8mk7Iwz

回答:

清茶涩:

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

游戏结束べ:

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


吃鱼先生:

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

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

林huaqi:
<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>


-EOF-

AI助手支持GPT4.0