请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

互动交流 关于快应用动画遇到的坑

6
回复
107
查看
[复制链接]

3

主题

14

帖子

85

积分

 楼主| 7 天前 显示全部楼层 |阅读模式
本帖最后由 stylered 于 2018-10-12 10:03 编辑

自定义组件<i-switch/>其中包含<div class="open"></div>
这个open是包含@keyframes动画的class

页面ux中
<i-switch/>
export default {
    private: {
        test: false
    }
}



修改this.test的值,毫无关联的<i-switch/>open动画会被执行
回复

使用道具 举报

3

主题

14

帖子

85

积分

 楼主| 6 天前 显示全部楼层
快应用的数据绑定是不是有问题,{{xxx.xxx}} 在script中修改了,template中没反应,有碰到这个问题的吗

还有之前问的 ,页面中执行了某个包含@keyframes动画的class,这个页面所有包含@keyframes动画的class都会被执行一次,有没有解决方案
回复

使用道具 举报

0

主题

17

帖子

85

积分

5 天前 显示全部楼层
没看懂class是怎么动态执行的?
回复

使用道具 举报

3

主题

14

帖子

85

积分

 楼主| 5 天前 显示全部楼层
快应用布道者 发表于 2018-10-12 09:09
没看懂class是怎么动态执行的?

就是JS切换两个包含动画的class,现在问题不在这里了,是只要页面某个控件存在包含动画的class,script中改变任意一个属性,页面中所有包含动画的class,都会执行一次
回复

使用道具 举报

3

主题

14

帖子

85

积分

 楼主| 5 天前 显示全部楼层
快应用布道者 发表于 2018-10-12 09:09
没看懂class是怎么动态执行的?

比如说,
自定义组件<i-switch class="open"/>
这个open是包含@keyframes动画的class
export default {
    private: {
        test: false
    }
}

open已经执行过一次动画了,如果我再改变this.test这个属性,open动画又会被执行一次,很坑爹

还有看了之前一个帖子说的{{xxx.xxx}}这种形式的数据绑定,在有些地方没有效果,这最基础的数据绑定也兼容得太不好了
回复

使用道具 举报

0

主题

17

帖子

85

积分

5 天前 显示全部楼层
动画重复执行 看下设置一个动画的css属性是否管用  我记得是animation-fill-mode,数据绑定那个  记得最开始那个对象里面要有这个key就行
回复

使用道具 举报

3

主题

14

帖子

85

积分

 楼主| 4 天前 显示全部楼层
快应用布道者 发表于 2018-10-12 13:43
动画重复执行 看下设置一个动画的css属性是否管用  我记得是animation-fill-mode,数据绑定那个  记得最开 ...

动画的问题
animation-fill-mode: forwards;是有设置的,应该跟这个没关系,不知道问题出在哪里

数据绑定这一块,听您这么解释,有一点理解了
为什么{{xxx.xxx}}这一块会失效,确实是因为赋值时对象中没有这个key,这个和其他MVVM框架有些不同,其他框架是能够实时对新插入的key进行数据绑定,不知道这一块后续会不会修改
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册