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 插件市场

相关文章
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
315 3
|
2月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
47 2
|
2月前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
88 0
|
2月前
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
50 0
|
4月前
|
移动开发 小程序 前端开发
|
4月前
|
小程序 前端开发
|
4月前
|
存储 小程序 JavaScript
|
4月前
|
存储 前端开发 算法
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
134 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
68 7

热门文章

最新文章