display多种参数都试过不知道为什么还不行,只能竖向一直不能横向
使用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多种参数都试过不知道为什么还不行,只能竖向一直不能横向
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上
<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>
这个只是提供了一个具备滚动条的功能,样式得自己写