时间:2019-05-05 来源:小程序工厂
永***:
感觉常规的重置 animation 都不适用,恐怕只能 setData 两次了
?***:
@永恒君 ,您说的 setData 两次是什么意思呢?
微信小程序的更新说明怎么同步给用户?
?***:
为什么没有人来解疑惑呢?
问题描述的不清楚么?我再重复一次。
// index.html
//index.js
// 动画
getLocation: function (e) {
console.log("==e==", e)
var url = e.currentTarget.dataset.url
wx.navigateTo({
url: '/pages/' + url + "/" + url,
})
},
// animation.html
/* pages/animation/animation.wxss */
page {
width: 100%;
height: 100%;
}
.red {
width: 100%;
height: 100%;
background-color: red;
}
@keyframes mymove
{
from {opacity:1;}
to {opacity:0;}
}
.blue {
width: 100%;
height: 100%;
background-color: blue;
animation: mymove 5s forwards;
animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
// pages/animation/animation.js
Page({
/**
* 页面的初始数据
*/
data: {
hiddenStatus: false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
setTimeout(function () {
_this.setData({
hiddenStatus: true
})
}, 5000)
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
?***:
在 iPhone X 微信6.6.1版本,会执行动画但并没有透明度的渐变,且一直是动画的 forwards 状态。
永***:
个人意见,就是 setData 一次 true,setData 一次 false,这是没有办法的办法
程序在部分安卓手机运行有问题#微信小程序开发教程
?***:
在 iPhone X 微信6.6.1版本,会执行动画但并没有透明度的渐变,且一开始就是是动画的 forwards 状态,五秒后动画结束, blue hidden, red show。 其他都没问题,只是丢失了这个透明度渐变的过程。
永***:
实验下来确实有这个问题,IOS 在页面除开时 60ms 以内所有动画无效。