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

{{item.text}}

 

 

 

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:[],

// 视频列表

videosList:[]

},

 

 

 

// 获取导航数据

getNavList:function(){

let that=this;

wx.request({

url: 'https://www.easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili/navList',

data: '',

header: {},

method: 'GET',

dataType: 'json',

responseType: 'text',

success: function(res) {

if(res.data.code===0){

that.setData({

navList: res.data.data.navList

})

}

},

fail: function(res) {},

complete: function(res) {},

})

},