更新记录

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>

参数

参数 是否必填 类型 说明
@popupState method 接收用户点击按钮的反馈,返回结果为bool类型,true(点击同意),false(点击暂不使用)
title string 弹出框的标题
protocolPath string 服务协议的地址,可以填写vue页面地址,也可以使用类似上面demo中的地址,使用webview嵌套(建议,因为服务协议可能会修改并且多个地方使用)
policyPath string 隐私政策地址
policyStorageKey string 自定义本地存储key,用来标记用户是否同意过服务协议

注意

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问