<!-- 用户协议 -->
<view class="agree-wrapper" v-if="isSeeAgree">
<view class="agree-main">
<view class="agree-content">
<view style="text-align:center;font-size: 34upx;line-height: 50upx;margin-bottom:30upx;">用户协议与隐私政策</view>
<view class="content">
请你审慎阅读、充分理解"用户协议”和“隐私政策”各条款,包括但不限于:为了向你提供即时通讯、内容分享等服务,我们需要收集你的设备信息、操作日志等个人信息。
</view>
<view class="content">
你可阅读
<text class="theme-color" @click="seeUserAgree">《用户协议》</text>
和
<text class="theme-color" @click="seeYszcAgree">《隐私政策》</text>
了解详细信息。如你使用我们的App,请点击“同意”开始接受我们的服务。
</view>
</view>
<view class="agree-btn flex" style="border-top: 1upx solid #eaeaea;">
<view class="flex_one theme-color" @click="cancelAgree">拒绝</view>
<view class="theme-bg flex_one" @click="readAgree">同意</view>
</view>
</view>
</view>
/css/
.agree-wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
.agree-main {
position: absolute;
top: 0upx;
left: 80upx;
right: 80upx;
bottom: 0upx;
background-color: #fff;
height: 700upx;
border-radius: 16upx;
margin: auto;
overflow: hidden;
.agree-content {
padding: 40upx 30upx;
box-sizing: border-box;
font-size: 28upx;
line-height: 50upx;
.content {
text-indent: 2em;
}
}
.agree-btn {
height: 90upx;
line-height: 90upx;
text-align: center;
color: #fff;
font-size: 32upx;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
}
// 同意
readAgree() {
this.isSeeAgree = false;
uni.setStorageSync('isSeeAgree', '1');
}
// 拒绝
cancelAgree() {
this.isSeeAgree = false;
// #ifdef APP-PLUS
plus.runtime.quit();
// #endif
},
app首页用户隐私协议弹窗(前端)
于 2021-09-15 17:44:46 首次发布