收藏
回答

小程序 transition: background 的会白屏闪烁一下,请问大佬们有解决方案吗?

js
  data: {
    img:null
  }, 
  onLoadfunction (options{
   setTimeout(() => {
     this.setData({
       img:"/images/login/loginbg.png"
     })
   }, 2000);
  },
wxml
class="login-bg w-100 bg-100" style="height:100vh;background:url({{img?img:'/images/login/loginimg.png'}})">
view>
wxss
.login-bg{
  transition: background 2s;   
}
最后一次编辑于  2020-09-10
回答关注问题邀请回答
收藏

1 个回答

  • hf
    hf
    2020-09-10

    你这样子写肯定是背景过渡两秒。

    2020-09-10
    有用
    回复 4
    • 李新月
      李新月
      2020-09-11
      就是settime结束开始动画时会闪一个白屏
      2020-09-11
      回复
    • hf
      hf
      2020-09-11回复李新月
      .login-bg{
        transition: background 2s;
      }
      你这个不是过渡吗
      2020-09-11
      回复
    • 李新月
      李新月
      2020-09-11回复hf
      2020-09-11
      回复
    • hf
      hf
      2020-09-11回复李新月
      对啊。过渡两秒钟 所以才有空白 你把这个去掉应该就不会出现白屏了。
      2020-09-11
      回复
登录 后发表内容
问题标签