brand model 手机名称 Xiaomi MI 8 小米8 Meizu 16th 魅族16 iPhone iPhone 11<iPhone12,1> 苹果11/iPhone11 ...

[图片] [图片]

[代码]<!--pages/animation1/animation1.wxml-->[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"red"[代码] [代码]hidden[代码][代码]=[代码][代码]"{{!hiddenStatus}}"[代码][代码]></[代码][代码]view[代码][代码]>[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"blue"[代码] [代码]hidden[代码][代码]=[代码][代码]"{{hiddenStatus}}"[代码][代码]>[代码][代码]  [代码] [代码]</[代码][代码]view[代码][代码]>[代码][代码]/* pages/animation1/animation1.wxss */[代码][代码]page {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码] [代码].[代码][代码]red[代码] [代码]{[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]red[代码][代码];[代码][代码]}[代码] [代码]@keyframes mymove[代码][代码]{[代码][代码]from {opacity:[代码][代码]1[代码][代码];}[代码][代码]to {opacity:[代码][代码]0.1[代码][代码];}[代码][代码]}[代码] [代码].[代码][代码]blue[代码] [代码]{[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]blue[代码][代码];[代码][代码]  [代码][代码]animation: mymove [代码][代码]5[代码][代码]s;[代码][代码]  [代码][代码]animation-timing-function: cubic-bezier([代码][代码]0.455[代码][代码], [代码][代码]0.03[代码][代码], [代码][代码]0.515[代码][代码], [代码][代码]0.955[代码][代码]);[代码][代码]  [代码][代码]animation-fill-mode: forwards;[代码][代码]}[代码][代码]// pages/animation1/animation1.js[代码][代码]Page({[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 页面的初始数据[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]data: {[代码][代码]    [代码][代码]hiddenStatus: [代码][代码]false[代码][代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 生命周期函数--监听页面加载[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onLoad: [代码][代码]function[代码] [代码](options) {[代码][代码]  [代码] [代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 生命周期函数--监听页面初次渲染完成[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onReady: [代码][代码]function[代码] [代码]() {[代码][代码]  [代码] [代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 生命周期函数--监听页面显示[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onShow: [代码][代码]function[代码] [代码]() {[代码][代码]    [代码][代码]var[代码] [代码]_this = [代码][代码]this[代码][代码]    [代码][代码]setTimeout([代码][代码]function[代码] [代码]() {[代码][代码]      [代码][代码]_this.setData({[代码][代码]        [代码][代码]hiddenStatus: [代码][代码]true[代码][代码]      [代码][代码]})[代码][代码]    [代码][代码]}, 5000)[代码][代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 生命周期函数--监听页面隐藏[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onHide: [代码][代码]function[代码] [代码]() {[代码][代码]  [代码] [代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 生命周期函数--监听页面卸载[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onUnload: [代码][代码]function[代码] [代码]() {[代码][代码]  [代码] [代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 页面相关事件处理函数--监听用户下拉动作[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onPullDownRefresh: [代码][代码]function[代码] [代码]() {[代码][代码]  [代码] [代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 页面上拉触底事件的处理函数[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onReachBottom: [代码][代码]function[代码] [代码]() {[代码][代码]  [代码] [代码]  [代码][代码]},[代码] [代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 用户点击右上角分享[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]onShareAppMessage: [代码][代码]function[代码] [代码]() {[代码][代码]  [代码] [代码]  [代码][代码]}[代码][代码]})[代码] 如果直接进入这个页面，动画在安卓和ios上都可以正常运行； 如果是从其他页面跳到该页面，安卓动画可以正常执行，ios 直接显示动画执行完毕的状态。