博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序 菜单标题滑动底部
阅读量:4695 次
发布时间:2019-06-09

本文共 1299 字,大约阅读时间需要 4 分钟。

.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,

转载于:https://www.cnblogs.com/dianzan/p/9371495.html

你可能感兴趣的文章
String的indexOf()用于获取字符串中某个子字符串的位置
查看>>
shell 脚本运算符
查看>>
又一道软通动力7K月薪面试题——银行业务调度系统
查看>>
Matlab画图-非常具体,非常全面
查看>>
linux网站配置文件.htaccess伪静态转换到IIS web.config中
查看>>
CodeForces 1B
查看>>
win10应用UserControl
查看>>
BZOJ4516: [Sdoi2016]生成魔咒(后缀自动机)
查看>>
查看手机已经记住的WIFI密码
查看>>
最新版IntelliJ IDEA2019 破解教程(2019.08.07-情人节更新)
查看>>
我是怎么用缠论在商品里边抢钱之二 (2019-07-12 15:10:10)
查看>>
python入门之正则表达式
查看>>
SAS学习经验总结分享:篇五-过程步的应用
查看>>
Android创建文件夹及文件并写入数据
查看>>
file的getPath getAbsolutePath和getCanonicalPath的不同
查看>>
课时4—切入切出动画
查看>>
eclipse 编辑 python 中文乱码的解决方案
查看>>
Python 爬虫的集中简单方式
查看>>
数据库MySQL/mariadb知识点——触发器
查看>>
Ubuntu做Tomcat服务:insserv: warning: script 'tomcat' missing LSB tags and overrides
查看>>