小程序用户协议页面实现

最新推荐文章于 2024-10-01 20:01:05 发布

aozhi7108

最新推荐文章于 2024-10-01 20:01:05 发布

阅读量5.3k

点赞数

文章标签：前端后端 java ViewUI

原文链接：http://www.cnblogs.com/ycwu314/p/11275159.html

版权

本文介绍了小程序用户协议页面的设计思路，包括在首页加载时检查用户是否同意协议，若未同意则弹出协议窗口。用户同意后才能继续使用并保存状态至storage。协议页面设计简单，长内容通过跳转到新页面展示。后端开发者也可轻松实现前端页面。提供了CSS调试工具链接及参考资源。

摘要由CSDN通过智能技术生成

小程序用户协议页面设计思路

新增用户协议页面
首页加载（onLoad()）的时候，检查是否已经同意过，没有的话则弹出用户协议界面。点击详情跳转到用户协议页面(使用wx.navigateTo)
用户点击同意后，才能继续使用小程序，并且保存到storage

效果图如下

控制显示用户协议窗口

在首页新增一个view，根据全局userAgree的值，决定是否显示弹窗

 
   
    
      
       <view wx:if='{
             {userAgree==false}}'>
 <view catchtouchmove="catchtouchmove" class="tips">
 <view class="tips_box">
 <view class="hint_view">
 <view class="text">
 <view class="hint1" bindtap='goToUserLicence'>点击查看《xx小程序》使用协议</view>
 </view>
 </view>
 <button bindtap='tipAgree' class="agreeBtn" type='primary'>我已阅读并同意</button>
 </view>
 </view>
</view>
 
     

    
  