uniapp横向滑动scroll-view
Posted shoucong li
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uniapp横向滑动scroll-view相关的知识，希望对你有一定的参考价值。
<scroll-view scroll-x="true" style="white-space: nowrap; padding: 10px;">
<view class="meige">
<image style="width: 300rpx;height: 300rpx;" src="../../static/shiliu_07.png"></image>
<view>商品名称</view>
<view style="color: #ff5001;">¥ 100.0</view>
</view>
<view class="meige">
<image style="width: 300rpx;height: 300rpx;" src="../../static/shiliu_07.png"></image>
<view>商品名称</view>
<view style="color: #ff5001;">¥ 100.0</view>
</view>
<view class="meige">
<image style="width: 300rpx;height: 300rpx;" src="../../static/shiliu_07.png"></image>
<view>商品名称</view>
<view style="color: #ff5001;">¥ 100.0</view>
</view>
</scroll-view>.meige {
display: inline-block;
flex-direction: column;
align-items: center;
margin-right: 10px;
}以上是关于uniapp横向滑动scroll-view的主要内容，如果未能解决你的问题，请参考以下文章
关于小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题
关于小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题