小程序 之navbar横向滚动

一、效果图

二、代码

复制代码
var app = getApp(),
_this
Page({
data: {
navData: [{
id: 0,
cat_name: ‘全部’
}, ],
currentTab: 0,
navScrollLeft: 0,
lists: []
},
init() {
isEnd = false, page = 1
_this.setData({
lists: []
})
},
onLoad(options) {
wx.getSystemInfo({
success: (res) => {
this.setData({
pixelRatio: res.pixelRatio,
windowHeight: res.windowHeight,
windowWidth: res.windowWidth
})
},
})
_this = this;
//获取所有的分类
_this.getCategory()
},
getCategory() {
app.util.request({
showLoading: false,
url: app.util.url(‘entry/wxapp/category’),
success(res) {
_this.setData({
navData: _this.data.navData.concat(res.data.data)
})
}