weex js在IOS上遇到的问题
1. 设置opacity为0并不能透明,暂时通过设置opacity为0.1 background-color为#00000000解决
2.当有animation动画时设置transform为scale(0)时会导致组件的click事件被代理到全屏,暂时通过scale(0.1),把缩小后的element隐藏来解决该问题。
weex js在NATIVE上遇到的问题
1.webview中的viewappear首次不触发 ,可能页面暂时未加载js,导致onresume中获取不到.
2.font-weight 使用bold normal,因为其在android中不支持数字.
3.border-(xxx-)color 属性无法透明
Weex 降级html遇到的问题
父组件
<div><child v-model="childshow"></child></div>
子组件需要当show改变后执行动画.
<div v-if="show" ref="child"></div>
props value
data () {
return {
show: this.value
}
}
watch: { value (val) { val !== this.show && this.dodododo(false) }, show (val) { val !== this.value && this.$emit('input', val) } },
当子组件初始化的时候childshow(props->value)为false,执行延时操作后childshow变为true,watch到之后执行animation动画,会导致第一次动画不执行且没回调,第二次动画执行回调时会输出第一次和第二次的回调内容,第三次及之后正常...
倘若子组件初始化的时候childshow(props->value)为true,不会导致第一次动画的bug.
目前暂时解决方案:
当childshow改变后,使用
this.$nextTick(() => {
setTimeout(func,50)
}) 解决.(func中执行animation动画)