scroll-view 组件在 nvue 页里 不能横向滚动
HBuilderX里uni-app项目,内置uni-ui项目模板
详情见附件项目,及视频
HBulider 编译器版本:2.6.11(v3)
真机:
型号: iPhone 6s Plus
版本: iOS 13.3.1
主要代码:
<scroll-view scroll-x="true" :show-scrollbar="false">
<view style="height: 120rpx; background-color: #1AAD19; width: 2000rpx;">
<view style="flex-direction: row; flex-wrap: nowrap; background-color: #4CD964;">
<!-- <view style="padding-left: 20rpx; padding-right: 20rpx; height: 110rpx; width: 286rpx;" v-for="(item, index) in testingLists" >
<text style="font-size: 28rpx; line-height: 110rpx;">{{item.name}}</text>
</view> -->
<text style="font-size: 28rpx; line-height: 110rpx;">nnnn</text>
</view>
</view>
</scroll-view>
c***@e-buy.com
有更简单的方法了——scroll-view添加flex-row样式、内部子元素添加一个flex-row的父容器即可
2024-03-25 13:37