- 关于flex布局下,过渡动画不生效的问题
- 当前 Bug 的表现(可附上截图) [图片] ios平台下蓝色区域的高度没有过渡动画,安卓客户端和开发工具上都有过渡动画 - 预期表现 当点击白色区域时,蓝色区域的高度变化有过渡动画 - 复现路径 安卓手机过渡动画正常 ios均没有过渡效果 - 提供一个最简复现 Demo [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"container"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]bindtap[代码][代码]=[代码][代码]"handleTap"[代码] [代码]class[代码][代码]=[代码][代码]"im-main"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"im-keyborad-holder"[代码] [代码]style[代码][代码]=[代码][代码]"{{style}}"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]style: [代码][代码]"flex-basis: 300rpx;"[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onLoad() {[代码][代码] [代码][代码]setTimeout(() => {[代码][代码] [代码][代码]this[代码][代码].setData({ style: [代码][代码]"flex-basis: 500rpx;"[代码] [代码]})[代码][代码] [代码][代码]}, 2000)[代码][代码] [代码][代码]},[代码][代码] [代码][代码]handleTap() {[代码][代码] [代码][代码]if[代码] [代码]([代码][代码]this[代码][代码].data.style == [代码][代码]"flex-basis: 0;"[代码][代码]) {[代码][代码] [代码][代码]return[代码] [代码]this[代码][代码].setData({ style: [代码][代码]"flex-basis: 500rpx;"[代码] [代码]})[代码][代码] [代码][代码]}[代码][代码] [代码][代码]this[代码][代码].setData({ style: [代码][代码]"flex-basis: 0;"[代码] [代码]})[代码][代码] [代码][代码]}[代码][代码]})[代码][代码]page {[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]font-family[代码][代码]: PingFangSC-Regular;[代码][代码] [代码][代码]/* overflow: hidden; */[代码][代码]}[代码] [代码].container {[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]}[代码] [代码].im-main {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]flex-basis: [代码][代码]auto[代码][代码];[代码][代码]}[代码][代码].im-keyborad-holder {[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]blue[代码][代码];[代码][代码] [代码][代码]flex-basis: [代码][代码]200[代码][代码]rpx;[代码][代码] [代码][代码]transition: flex-basis [代码][代码]500[代码][代码]ms;[代码][代码]}[代码]
2019-01-10 - wx.reLaunch 不会触发 onHide 生命周期,这是一个bug 吗?
Page({ onLoad() { setTimeout(() => { wx.reLaunch({ url: xxx }) }, 3000) }, onHide() { console.log(123) } }) 如果不是bug,能否说明下为何这么设计?
2018-09-25