uniapp微信隐私保护弹出框 隐私协议弹出框

简介: uniapp微信隐私保护弹出框 隐私协议弹出框

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × ×

两步轻松解决

您可以将tanchuang-vue复制到您的项目内的pages目录内,然后引用即可。

第一步:在您要引入的页面 添加

<script>
    import yinsi from '/pages/index/tanchuang.vue'
    export default {
        components: {
            yinsi
        },
    }
</script>

第二步:然后进行引用组件即可

<template>
    <view class="content">
        <view class="yinsii">
            <yinsi v-if="showPrivacy"></yinsi>
        </view>
    </view>
</template>

第二种方法

您也可以直接引入组件 第一步:在您要引入的页面 添加

<script>
    import yinsi from '/uni_modules/techuang-yinsi/components/techuang-yinsi/tanchuang.vue'
    export default {
        components: {
            yinsi
        },
    }
</script>
<template>
    <view class="content">
        <view class="yinsii">
            <yinsi v-if="showPrivacy"></yinsi>
        </view>
    </view>
</template>

注意事项

已提供按钮弹出隐私保护协议弹窗的示例,也可以二开,自行进行调整即可。 如果您也绑定按钮进行弹出,记得添加v-if="showPrivacy"

示例

可以打开techuang-yinsi.vue进行查看完整的示例。

下载地址:微信隐私保护弹出框 隐私协议弹出框 - DCloud 插件市场

相关文章
|
25天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
163 3
|
1月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
34 2
|
30天前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
53 0
|
1月前
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
40 0
|
3月前
|
移动开发 小程序 前端开发
|
3月前
|
小程序 前端开发
|
3月前
|
存储 小程序 JavaScript
|
3月前
|
存储 前端开发 算法
|
25天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
381 7
|
24天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
446 1