在uni-app中，遇到一个动画效果不生效的问题。代码编译无误，页面加载和数据监听都正常，但预设的动画并未显示。排除了样式和结构导致的缓存问题，动画仍然无法运行。在onLoad和onUnload中对动画进行了创建和销毁，同时在watch中根据value值改变动画状态，但动画始终不呈现。
代码是这样的 编译没有报错 打点onLoad 和watch里面都能正常输出 但是动画就是出不来
也通过调整样式和结构确认不是缓存问题了 动画就是不出现
关闭
import pageButton from '../button'
import Card from '../card'
export default {
model: {
prop: 'value',
event: 'update'
},
props: {
value: {
type: Boolean,
default: false
},
persistent: {
type: Boolean,
default: false
}
},
data() {
return {
animation: {},
animationData: {}
}
},
onLoad() {
this.animation = uni.createAnimation({
duration: 500,
timingFunction: 'ease',
transformOrigin: "0% 0%",
})
},
onUnload() {
this.animationData = {}
},
watch: {
value() {
if(this.value) {
this.animation.opacity(1).scale(.6).step()
this.animation.scale(1.2).step()
this.animation.scale(1).step()
this.animationData = this.animation.export()
} else {
this.animation.opacity(1).scale(1).step()
this.animation.scale(1.2).step()
this.animation.opacity(0).scale(.6).step()
this.animationData = this.animation.export()
}
}
},
methods: {
close() {
this.$emit('close', false)
}
},
components: { pageButton, Card }
}
3710
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
