uniapp 微信小程序 弹窗 用户授权

uniapp 微信小程序 弹窗 用户授权效果图 viewclass mask viewclass model box viewclass mb tit 用户协议和隐私政策 viewclass mb content viewclass mb con 尊敬的用户您好 viewclass mb con viewclass mb content viewclass mb tit viewclass model box viewclass mask

效果图

uniapp 微信小程序 弹窗 用户授权

 

 
   
   
   
     用户协议和隐私政策 
    
    
    
      尊敬的用户您好! 
     
    
      请您务必认真阅读、充分理解“用户协议”和“隐私政策”各条款,包括但不限于为了向您提供数据、分享、统计等服务所要获取的权限信息。 
     
     
     
       《用户协议》 
     
       《隐私政策》 
      
     
    
      请您仔细阅读上方的的用户协议与隐私政策,请点击同意接受我们的服务 
     
    
    
     
     
      
     
       暂不使用 
      
     
       同意 
      
     
    
  

 

.mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; } .model_box { width: 80%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background: #fff; // height:48%; border-radius: 15rpx; } .mb-content { padding: 10rpx 20rpx 10rpx 25rpx; box-sizing: border-box; height: 80%; overflow: scroll; } .mb-tit { padding: 15rpx 0rpx; box-sizing: border-box; font-size: 34rpx; text-align: center; } .mb-con { font-size: 30rpx; text-indent: 2rem; line-height: 1.5; } .mb-con1 { font-size: 30rpx; text-indent: 2rem; display: flex; .mb-a { width: 180rpx; height: 40rpx; display: inline-block; padding: 0; margin: 0; color: #006df7; text-decoration: underline; text-indent: 0rem; } } .checkbox { display: flex; justify-content: center; align-items: center; height: 11%; } .checkbox .qx { width: 50%; text-align: center; border-right: 1rpx solid #efefef; } .qr { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; box-szing: border-box; font-size: 30rpx; padding: 0; padding-right: 30rpx; .noUse { width: 50%; text-align: center; border-right: 1rpx solid #f3f3f3; color: #bbbbbb; padding-bottom: 15rpx; } .agree { width: 50%; text-align: center; font-size: 30rpx; color: #006df7; padding-bottom: 15rpx; } }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/218180.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午7:52
下一篇 2026年3月18日 上午7:52


相关推荐

  • oracle查看视图定义语句_oracle视图详解

    oracle查看视图定义语句_oracle视图详解Oracle 视图详解一 视图的定义视图 view 也称虚表 不占用物理空间 这个也是相对概念 因为视图本身的定义语句还是要存储在数据字典里的 视图只有逻辑定义 每次使用的时候 只是重新执行 SQL 视图是从一个或多个实际表中获得的 这些表的数据存放在数据库中 那些用于产生视图的表叫做该视图的基表 一个视图也可以从另一个视图中产生 视图的定义存在数据库中 与此定义相关的数据并没有再存一份于数据库

    2026年3月19日
    3
  • 怎么用ps提取图片颜色分析色彩搭配

    怎么用ps提取图片颜色分析色彩搭配这个小工具(PS插件)还是挺好用的,无需网络,直接在PS软件上面即可使用,支持Win与MAC版PSCS6以上版本,再也不用为分析图片配色发愁了,这个PS脚本插件可以搜一下“图片颜色分析识别PS插件Win/Mac版”即可找到。1、安装PS脚本(插件),选中PS软件图标右键“属性”-“打开文件位置”-“Presets”-“Scripts”复制脚本(.jsx)到以上目录粘贴。2、打开PS软件,打开我们…

    2022年6月15日
    40
  • 超详细~Windows下PyCharm配置Anaconda环境教程

    超详细~Windows下PyCharm配置Anaconda环境教程目录首先来明确一下 Python PyCharm 和 Anaconda 的关系那么如何将 Anaconda 集成到 PyCharm 中呢 1 安装 Anaconda 2 在 PyCharm 导入 Anaconda 3 在 Anaconda 中安装新的 Python 包首先来明确一下 Python PyCharm 和 Anaconda 的关系 1 Python 是一种解释型 面向对象 动态数据类型的高级程序设计

    2026年3月27日
    2
  • Socker编程之TCP

    Socker编程之TCP一:TCP介绍TCP协议,传输控制协议(英语:TransmissionControlProtocol,缩写为TCP)是一种面向连接的、可靠的、基于字节流的传输层通信协议,由IETF的RFC793定义。TCP通信需要经过创建连接、数据传送、终止连接三个步骤。TCP通信模型中,在通信开始之前,一定要先建立相关的链接,才能发送数据,类似于生活中,”打电话””二:TCP特…

    2025年6月30日
    7
  • java stream 转 file_Java InputStream转File

    java stream 转 file_Java InputStream转File文件处于磁盘上或者流处于内存中在输入流有已知的和预处理的数据时 如在硬盘上的文件或者在流处于内存中 这种情况下 不需要做边界校验 并且内存容量条件允许的话 可以简单的读取并一次写入 InputStreami newFileInput newFile src main resources sample txt byte buffer n

    2026年3月19日
    2
  • BeanCopier封装

    BeanCopier封装BeanCopier 封装

    2026年3月19日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号