<cover-view/>实现动画,真机无效?
发布于 5 年前 作者 utian 5082 次浏览 来自 官方Issues

自带的Picker组件无法满足我的需求,想自己实现一个picker,由于此picker是需要在一个表单界面弹起,表单界面存在textarea,所以就出现层级覆盖的问题,必须要用<cover-view/>来实现,同时还需要具备简单的弹起动画效果,一开始用Animation API来实现,发现真机有问题,后面看了<cover-view/>的tip,改为css的transition来实现,还是存在问题。

具体真机上出现的问题是:没有动画效果,并且需要拨动一下界面<cover-view/>才会出现,后面看见了【基础库 1.6.0 起支持css transition动画,transition-property只支持transform (translateX, translateY)与opacity】的提示,改为了translate实现,动画效果倒是有了,但仍然需要拨动一下页面才会出现。开发工具没问题,就是真机有问题

开发工具:版本v1.02.1911180、基础库版本2.10.3

真机:iPhone7、IOS13.3.1、微信7.0.12

代码片段:https://developers.weixin.qq.com/s/8vF5a7ml7EgV

回到顶部