小程序审核被拒，请增加《用户服务协议》及《隐私政策》的解决办法

最新推荐文章于 2025-03-24 19:21:55 发布

linlinlove2

最新推荐文章于 2025-03-24 19:21:55 发布

阅读量4k

点赞数 5

文章标签：小程序

本文链接：https://blog.csdn.net/withkai44/article/details/139241714

版权

在这里插入图片描述
用户可以点击《用户服务协议》或《隐私政策》查看具体信息，点击同意后，可以正常使用，如果点击暂不使用，则退出小程序。

<!-- 免责声明 -->
<view>
<uni-popup
ref="alertDialog"
:mask-click="false"
type="center">
<view class="agreement-view" :style="{ width: scrollWidth * 0.80 + 'px', height: 150 + 'px' }">
<!-- 弹框提示头 -->
<view class="u-text-center">用户使用须知</view>
<scroll-view scroll-y class="agreement-content" :style="{ height:150 + 'px' }">
<view class="crntent">
使用前，请您仔细阅读<text style="color: cornflowerblue;" @click="xieyi">《用户服务协议》</text>及<text style="color: cornflowerblue;" @click="yinsi">《隐私政策》</text>
</view>
</scroll-view>
<view class="agreement-btns" :style="{ height: 42 + 'px' }">
<navigator class="no-btn text" target="miniProgram" open-type="exit">
暂不使用
</navigator>
<view class="yse-btn text" @tap="admit">同意</view>
</view>
</view>
</uni-popup>
</view>

样式代码：

// 弹窗

  .line{
   /* line-height: 18px; */
   font-family:Arial,Helvetica,sans-serif;
   font-size:1em;
   vertical-align:middle;
   font-weight:normal
  }
  .agreement-view{
   margin-top: 20px;
   box-shadow: 0 5rpx 20rpx 0rpx rgba(0, 0, 150, .2);
   border-radius: 20rpx;
   padding: 20rpx 0rpx 0rpx 0rpx;
   display: flex;
   flex-direction: column;
   width: 300px;
   height: 200rpx;
   align-items: center;
   /* justify-content: center; */
   background-color: #fff;
  }
  .u-text-center{
   font-size: 15px;
   padding-bottom: 20rpx;
   font-family:Arial,Helvetica,sans-serif;
   font-weight: 600;
   width: 100%;
   height: 30px;
   text-align: center;
  }
  .agreement-content{
   overflow-y: scroll;
   padding: 0rpx 20rpx 10rpx 20rpx;
  }
  .agreement-btns{
   width: 100%;
   /* height: 85rpx; */
   display: flex;
   flex-direction: row;
  }
  .yse-btn{
   color: #fff;
   background-color: red;
   flex: 1;
   text-align: center;
   width: 100%;
   height: 100%;
   border-radius: 0 0 20rpx 0;
   flex-direction: column;
   align-items: center;
   justify-content: center;
  }
  .no-btn{
   /* background-color: aquamarine; */
   flex: 1;
   text-align: center;
   width: 100%;
   height: 100%;
   border-radius: 0 0 0 20rpx;
  }
  .text{
   line-height: 46px;
  }

逻辑代码：

onLoad(e) {
this.judge();
}

methods: {
xieyi(){
uni.navigateTo({
url: '/pages/xieyi/register_info'
});
},
yinsi(){
uni.navigateTo({
url: '/pages/xieyi/private_policy'
});
},
// 初始化的时候调用参数，判断用户是否第一次进入
judge() {
uni.getStorage({
key:'agreement_key',
success: () => {
// 获取到了不显示弹窗
this.$refs.alertDialog.close();
},
fail: () => {
this.$refs.alertDialog.open()
}
})
},
// 同意按钮
admit() {
try{
uni.setStorageSync('agreement_key', 'yes');
uni.setStorageSync('agreement_Date', new Date().toLocaleString())
}catch(e){
//TODO handle the exception
}
this.$refs.alertDialog.close();
},
}