class1: 'z1', //默认正行弯带面在上面
class2: 'z2'
},
rotateFn: function(e) {
let data = this.data
if (data.class1 == 'z1' &&data.class2 == 'z2') {
this.run('front', 'back', 'z2', 'z1')
} else {
this.run('back', 'front'档芦, 'z1', 'z2')
}
},
run: function(a, b, c, d) {
let that = this
that.setData({
class1: a,
class2: b,
})
setTimeout(function() {
that.setData({
class1: c,
class2: d,
})
}, 1000)
},
还有样闹羡式:
page{position: relativeheight: 100%background-color: #F6F6F6}
.rotateCtn{position: absolutewidth: 70%height: 70%left: 15%bottom: 20%transform-style:preserve-3d}
.frame{position: absoluteheight: 100%width: 100%}
.frame image{height: 100%width: 100%border-radius: 8px}
.front{animation:front 1s linear 1backface-visibility: hidden}
.back{animation:back 1s linear 1}
@keyframes front{from{transform: rotateY(0deg)} to{transform: rotateY(180deg)}}
@keyframes back{from{transform: rotateY(-180deg)} to{transform: rotateY(0deg)}}
.z1{z-index:6}
.z2{z-index:5}
是一个帮助选择困难症用户的小程序,可以随机选出相关菜品,使用方法如下:
APP:微信
版本:8.0.6
1、打开微信,点击上方的搜索栏。
2、在搜索戚耐栏橡行内输入关键词“今天吃什么”。
3、然后选择第一个小程序,点击打开。
4、打开小程序后直接点中间的开始按钮。
5、然后点击停止按钮,查看结果。
6、如果不满意还可以点击再来一次梁仔哗重新选择。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)