【无标题】

uniapp
可滚动视图区域组件scroll-view在设置scroll-x或scroll-y时显示,标签scroll-view不支持属性: 'scroll-x’的问题。
可以采用direction属性进行替换,可选参数为
none 禁止滚动
all 横向竖向都可滚动 app端不支持
horizontal 横向滚动
vertical 竖向滚动
要想实现横向滑动,除了要设置horizontal属性,还要在scroll-view组件的样式中设置flex-direction: row;

<scroll-view class="scroll-view" direction="horizontal" >
	    <view class="scrollx">56</view>
	    <view class="scrollx">56</view>
	    <view class="scrollx">56</view>
	    <view class="scrollx">56</view>
	    <view class="scrollx">56</view>
	    <view class="scrollx">56</view>
	</scroll-view>
``.scroll-view{
		width: 200px;
		height: 100px;
		border: 3px solid rebeccapurple;
		flex-direction: row;
		// white-space: nowrap;  
		.scrollx{
			width: 35px;
			height: 35px;
			border: 1px solid royalblue;
			// display: inline-block;
		}
	}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值