公告列表
公告列表
收藏
回答

Skyline模式下 transition 的 delay 参数异常

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 工具 8.0.49 3.4.3

一个简单的过渡动画效果， 点击测试按钮， box 延迟 2s 后，由 透明度0 过渡5s 变成 透明度1。

webview --- 动画正常

skyline --- 异常流程： 点击测试 >>> box 瞬间显示出来 >>> 延迟2s >>> box瞬间消失 >>> 开始播放5s 的透明度渐变动画

回答关注问题邀请回答
收藏

2 个回答

  • 微信小店技术专员-binnie
    微信小店技术专员-binnie
    05-14

    麻烦提供能复现问题的简单代码片段我们看看（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

    05-14
    有用
    回复 1
    • Sun
      Sun
      05-14
      https://developers.weixin.qq.com/s/tanFNbm677RC  这里是代码片段， 同时在复现的过程中发现， 直接创建新的代码片段，是无法复现的，新建的默认代码 app.json 中的 renderer: skyline，好像没毛病，但是新建skyline项目能够复现 ----- 经详细对比， 新建代码片段中根目录 project.private.config.json 文件的 setting 字段中没有 skylineRenderEnable 值，而新建项目的默认代码中有 setting.skylineRenderEnable: true （不知道这是不是另一个小bug），本文的 transition 问题需要 skylineRenderEnable: true 的情况下可复现
      05-14
      赞
      回复
  • Sun
    Sun
    05-14

    补充一个错误的效果动画 ↑↑↑↑↑↑↑↑↑↑

    以下下是期望效果，也是 webview 模式下的效果 ↓↓↓↓↓↓↓↓↓


    05-14
    有用
    回复 1
    • Sun
      Sun
      05-15
      再补一个可行的替代方案： 尝试过用 js 定时 2s 再去 wx:if 展示元素， 可是这个时间在真机上偶尔会出现 js 时间与 css 时间不能完全精准同步的情况 —— 可行方式是用 animation 动画替代 transition，用 animation-delay 控制延时
      05-15
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
#Skyline渲染引擎