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

如何给微信小程序的web-view设置默认背景颜色？

我在使用web-view加载网页时，还未成功显示网页之前，会显示一个白色的背景，这个应该是web-view的默认背景颜色，我如何修改

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

3 个回答

  • 潘
    潘
    03-26

    解决了，使用cover-view覆盖住web-view，等待bindload后，隐藏cover-view就行了

    <view>
  <web-view src="{{src}}" bindload="onWebLoad" binderror="onWebLoad"/>
  <cover-view class="loading-view" wx:if="{{isLoadingVisiable}}"></cover-view>
</view>
.loading-view {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ededed;
}
    03-26
    有用
    回复
  • 小黎
    小黎
    03-26

    给web-view页面对应的wxss 添加page 选择器设置背景

    page { background: #ff6600; }


    03-26
    有用
    回复 6
    • 潘
      潘
      03-26
      不行，我试过在app.json中设置总背景、在Page中设置背景、在web-view组件上设置背景，均不行
      03-26
      赞
      回复
    • 小黎
      小黎
      发表于小程序端
      03-26回复潘

      截图

      03-26
      赞
      回复
    • 小黎
      小黎
      03-26回复潘
      确实不行，工具上测试有效果，真机没有
      03-26
      赞
      回复
    • 潘
      潘
      03-26
      我研究了半天，-_-!，在夜晚模式下，打开网页时，会有一瞬间的白屏，虽然不影响使用，但是很影响体验
      03-26
      赞
      回复
    • 潘
      潘
      03-26
      解决了
      03-26
      赞
      回复
    查看更多(1)
  • 智能回答 智能回答 该问答由AI生成
    03-26
    有用
请 登录 后发表内容
相关文档