微信小程序旋转大师的代码是什么

微信小程序旋转大师的代码是什么,第1张

data: {

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、如果不满意还可以点击再来一次梁仔哗重新选择。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12371312.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存