时间:2019-05-07 来源:小程序工厂
两个按钮都绑定一个 data-id,,点击过后根据不同的data-id去做相应的操作。。。。
能教教具体的吗?麻烦您看下我的代码,要怎么修改?
这是WXML里的
这是JS里的
Page({
data: {
showModalStatus: false
},
powerDrawer: function (e) {
var currentStatu = e.currentTarget.dataset.statu;
this.util(currentStatu)
},
util: function (currentStatu) {
/* 动画部分 */
// 第1步:创建动画实例
var animation = wx.createAnimation({
duration: 200, //动画时长
timingFunction: "linear", //线性
delay: 0 //0则不延迟
});
// 第2步:这个动画实例赋给当前的动画实例
this.animation = animation;
// 第3步:执行第一组动画:Y轴偏移240px后(盒子高度是240px),停
animation.translateY(240).step();
// 第4步:导出动画对象赋给数据对象储存
this.setData({
animationData: animation.export()
})
// 第5步:设置定时器到指定时候后,执行第二组动画
setTimeout(function () {
// 执行第二组动画:Y轴不偏移,停
animation.translateY(0).step()
// 给数据对象储存的第一组动画,更替为执行完第二组动画的动画对象
this.setData({
animationData: animation
})
//关闭抽屉
if (currentStatu == "close") {
this.setData(
{
showModalStatus: false
}
);
}
}.bind(this), 200)
// 显示抽屉
if (currentStatu == "open") {
this.setData(
{
showModalStatus: true
}
);
}
},
。。这么多,,贴个代码片段多好,,等下吧!,,我帮你写几个关键的地方
powerDrawer: function (e) { var currentStatu = e.currentTarget.dataset.statu; var CutId = e.currentTarget.dataset.id; if(CutId === 0){ //为0的时候做的事
} else if (CutId === 1) { //为1的时候做的事 } },
刚才有点事回复慢了一点,你记得在点击事件里面加data-id
好的 感谢,我去试下