小程序 菜单标题滑动底部

.weui-navbar__slider {

position: absolute;

content: " ";

left: 0;

bottom: 0;

width: 70rpx;

height: 3px;

">;

-webkit-transition: -webkit-transform 0.3s;

transition: -webkit-transform 0.3s;

transition: transform 0.3s;

transition: transform 0.3s, -webkit-transform 0.3s;

}

<view class="weui-navbar__slider" style="left: {{sliderLeft}}px; transform: translateX({{sliderOffset}}px); -webkit-transform: translateX({{sliderOffset}}px);"></view>

 

wx.getSystemInfo({

success: function (res) {

console.log(res.windowWidth)

console.log(that.data.tabs.length)

 

let sliderWidth = that.data.sliderWidth;

console.log(sliderWidth)

that.setData({

sliderLeft: (res.windowWidth / that.data.tabs.length - sliderWidth) / 2

});

}

});

 

// 菜单控制函数

actsureFn: function(e) {

let that = this;

let index = e.currentTarget.dataset.index;

let actsure = index;

let requestNum1 = this.data.requestNum1;

let requestNum2 = this.data.requestNum2;

let shopsAll_zwt = that.data.shopsAll_zwt;

// console.log(that.data.shopsAll_zwt)

if (requestNum1 > 0 && actsure == 0) {

that.homeFn()

that.homeFn2()

requestNum1--;

that.setData({

requestNum1

})

}

this.setData({

actsure,

sliderOffset: e.currentTarget.offsetLeft,

})

},

 

 

 

data{

tabs:[1,2],

sliderWidth:145,

sliderLeft: 0,

sliderOffset: 105,