<!-- 登录页面 -->
<view class="userlogin">
  
  <!-- 顶部 Logo 和标题 -->
  <view class="login-header">
    <view class="logo-container">
      <image class="logo" src="https://ndnd.duiduiedu.com/uploads/pics/footerpic1.png" mode="aspectFit"></image>
    </view>
    <view class="app-title">怼怼教育</view>
    <view class="app-subtitle">专注教育，让学习更高效</view>
  </view>

  <!-- 底部登录区域 -->
  <view class="login-bottom">
    
    <!-- 登录按钮 -->
    <view class="login-btn-wrapper">
      <button 
        class="login-button"
        open-type="getPhoneNumber"
        bindgetphonenumber="getPhoneNumber">
        <van-icon name="phone-o" size="20px" />
        手机号快捷登录
      </button>
    </view>

    <!-- 协议勾选 -->
    <view class="agreement-check">
      <van-checkbox 
        value="{{ checked }}" 
        bind:change="onChange"
        icon-size="16px"
        checked-color="#1ccfd6">
        <text class="agreement-text">我已阅读并同意</text>
        <text class="agreement-link" catchtap="showAgreement">《用户协议》</text>
        <text class="agreement-text">和</text>
        <text class="agreement-link" catchtap="showAgreement">《隐私政策》</text>
      </van-checkbox>
    </view>

  </view>
  
</view>


<van-dialog 
  use-slot 
  title="怼怼用户协议" 
  show="{{ showpop }}" 
  show-cancel-button 
  bind:close="onClose" 
  bind:confirm="bindconfirmdata" 
  confirm-button-text="同意"
  cancel-button-text="取消"
  width="700rpx" 
  height="800rpx" 
  bind:cancel="canclebtn">
  <view class="usercontian">
    
    <view class="agreement-title">一、用户协议</view>
    <text class="agreement-item">
      用户协议是小程序开发者与用户之间达成的协议，规定了用户使用小程序的条件、权利和义务等内容。用户在使用小程序之前需要同意用户协议，否则无法使用小程序。
    </text>

    <view class="agreement-title">主要内容包括：</view>
    <text class="agreement-item">
      1. 用户注册和账号管理规定：包括用户注册、账号安全和管理等规定。
    </text>
    <text class="agreement-item">
      2. 使用规范和限制：包括用户在小程序上发布内容的规范、禁止发布的内容和行为等规定。
    </text>
    <text class="agreement-item">
      3. 用户权利和义务：包括用户在使用小程序时享有的权利和应承担的义务等规定。
    </text>
    <text class="agreement-item">
      4. 免责声明和责任限制：包括小程序开发者对小程序服务的免责声明和责任限制等规定。
    </text>
    <text class="agreement-item">
      5. 争议解决方式：包括双方在发生争议时解决方式的规定。
    </text>

    <view class="agreement-title">二、隐私政策</view>
    <text class="agreement-item">
      隐私政策是小程序开发者为保护用户隐私而制定的政策，规定了小程序开发者在收集、使用、存储、保护用户个人信息时应遵守的原则和措施。
    </text>

    <view class="agreement-title">隐私政策包括：</view>
    <text class="agreement-item">
      1. 收集和使用用户个人信息的范围和目的：包括小程序开发者收集和使用哪些用户个人信息、为什么收集和使用这些信息等说明。
    </text>
    <text class="agreement-item">
      2. 个人信息的保护和管理：包括小程序开发者如何保护和管理用户个人信息，以及如何处理用户请求删除、更正、撤回同意等要求的规定。
    </text>
    <text class="agreement-item">
      3. 信息共享和披露：包括小程序开发者在哪些情况下会共享或披露用户个人信息的规定。
    </text>
    <text class="agreement-item">
      4. Cookie和类似技术的使用：包括小程序开发者在使用Cookie和类似技术时应遵守的规定。
    </text>
    <text class="agreement-item">
      5. 隐私政策的更新和变更：包括小程序开发者如何更新和变更隐私政策，以及用户如何获得通知和选择的规定。
    </text>

    <view class="agreement-title">三、用户权利</view>
    <text class="agreement-item">
      小程序开发者需要确保用户在使用小程序时的知情权和选择权。在用户协议和隐私政策中，应当详细说明用户的权利和义务，并让用户明确知道自己的个人信息将会被收集和使用。用户有权选择是否同意协议和政策，以及随时撤回同意或删除个人信息的权利。
    </text>

    <view class="agreement-title">四、信息安全</view>
    <text class="agreement-item">
      小程序开发者建立健全的个人信息保护机制，确保用户个人信息的安全和保密。开发者采取技术措施和管理措施，防止用户个人信息被泄露、丢失或被滥用。对于个人信息安全事件的处理，开发者及时采取应对措施，并向用户说明情况，依法履行相关报告和告知义务。
    </text>

    <view class="agreement-title">五、协议效力</view>
    <text class="agreement-item">
      用户协议和隐私政策是保障用户合法权益和保护用户隐私的重要文件。小程序开发者制定协议和政策时，遵守法律法规和相关规定的要求，确保协议和政策的合法性和有效性。
    </text>

  </view>
</van-dialog>

<van-toast id="van-toast" />