Category: miniApp

小程序webview分享

wee / / miniApp

小程序使用webview调用分享，使用cover-view嵌套button来实现，但是webview会遮盖cover

// webview页面中使用cover-view 解决H5调用小程序分享:

<cover-view class="operation-box" v-if="showBar">
  <cover-view class="operation-list lh-cent">

   <button style="color:#3884ec;z-index:10000" open-type='share'>分享 </button>

  </cover-view>
</cover-view>

script定义变量：
 data () {
    return {
      showBar:false
    }
  },

页面渲染使用setimeout改变渲染时机（解决cover-view在安卓手机上显示，在ios系统上被webview遮盖这个问题）
setTimeout(()=>{
    this.showBar = true
  },200
})