微信小程序scroll-view 组件实现横向滚动

<!-- 自定义导航 -->

<view class='nav_wrap'>

<scroll-view class='nav' scroll-x>

<view bindtap='activeNav' data-index="{ {index}}" class='nav_item { {index==currentIndexNav?"active":""}}' wx:for="{ {navList}}" wx:key="{ {index}}">{ {item.text}}</view>

</scroll-view>

</view>

wxss:

.nav{

padding: 5rpx 0;

white-space: nowrap;

}

.nav_item{

padding: 20rpx 45rpx;

font-size: 30rpx;

display: inline-block;

}

.nav_item.active{

border-bottom: 5rpx solid #de688b;

}

js:

data: {

currentIndexNav: 0,

// 导航

navList:[],

// 轮播

swiperList:[],

// 视频列表

<