更新记录

0.0.1（2020-08-03） 下载此版本

首次提交

平台兼容性

功能简介

• 弹窗（如截图）
• 弹窗的同时，自动隐藏tabbar（避免弹窗出现的时候，还可以有其他动作）
• 点击同意以后，tabbar自动恢复
• APP模式下，点击“暂不使用”自动退出app

  插件使用demo

index.vue

<template>
    <view class="content">
        <lyg-popup @popupState="popupState" title="服务协议" protocolPath='../webview/webview?can_share=false&url=/hybrid/html/protocol.html'
         policyPath='../webview/webview?can_share=false&url=/hybrid/html/policy.html' policyStorageKey="has_read_privacy"></lyg-popup>
    </view>
</template>

<script>
    import lyg_popup from '@/components/lyg-popup/lyg-popup.vue';

    import {
        mapMutations
    } from 'vuex';

    export default {
        components: {
            lyg_popup
        },
        data() {
            return {

            }
        },
        onLoad() {

        },
        methods: {
            popupState(state) {
                console.log(state);
            }
        }
    }
</script>

<style>

</style>

webview.vue

<template>
    <web-view :src="url"></web-view>
</template>

<script>
    export default {
        data() {
            return {
                url:""
            }
        },
        onLoad: function(option) {
            this.url = option.url;
        },
        methods: {
        }
    }
</script>

<style>

</style>

参数

注意

• 微信等小程序不支持webview本地网页，必须使用网络地址，并且需要绑定业务域名
• uniapp默认启动会需要授权存储和手机状态的两个权限，可以通过设置启动不需要授权，在需要的时候，再请求授权即可
  • Android平台应用启动时读写手机存储、访问设备信息(如IMEI)等权限策略及提示信息
  • iOS平台隐私与政策提示框实现注意问题