横向滑动菜单的写法

js部分

qiandao:[
	{num:1,day:1},
	{num:2,day:2},
	{num:3,day:3},
	{num:4,day:4},
	{num:5,day:5},
	{num:6,day:6},
	{num:7,day:7},
	{num:8,day:8},
	{num:9,day:9},
	{num:10,day:10},
	{num:11,day:11},
	{num:12,day:12},
	{num:13,day:13},
	{num:14,day:14},
	{num:15,day:15},
	{num:16,day:16}
  ]

布局代码部分

<scroll-view :scroll-x="true" style="white-space: nowrap;">
	<view class="scview">
	     <view class="qd-child dis-row" v-for="(item,index) in qiandao" :key="index">
		 <view class="qd-v1 dis-clm">
			<view class="nums">10</view>
			<text>{{item.day+'天'}}</text>
		 </view>
		<view class="kongge" v-if="index<qiandao.length">
			<label></label>
		</view>
	    </view>
	</view>
</scroll-view>

css部分

.scview{width: 670rpx;display: inline-flex;}
.qd-child{width: 96rpx;float: left;}

注意：若想让滑动最外层的scview很重要，要设置成行内布局，例如：display：inline-flex 或者 inline-block