|
|
@@ -1,52 +1,57 @@
|
|
|
<template>
|
|
|
<uni-popup ref="dlRef" :animation="true" :is-mask-click="false" mask-background-color="rgba(255, 255, 255, 0.6);">
|
|
|
- <!-- 返回 -->
|
|
|
- <view class="icon-title-navBar-box333">
|
|
|
- <view @click="handleBack" class="nav-bar-icon"></view>
|
|
|
- <text class="nav-bar-title">登录</text>
|
|
|
- </view>
|
|
|
- <!-- 用户名 -->
|
|
|
- <view class="phone-input-box">
|
|
|
- <view class="phone-prefix">+86</view>
|
|
|
- <input class="phone-input" type="text" v-model="loginData.phoneNumber" placeholder="请输入手机号" maxlength="11"
|
|
|
- @input="clearTelInput" />
|
|
|
- <view class="close-btn" v-if="loginData.clearTelIcon" @click="clearTel"></view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 验证码 -->
|
|
|
- <view class="phone-input-box">
|
|
|
- <input class="phone-input" type="text" v-model="loginData.yzmNumber" placeholder="请输入验证码" maxlength="4"
|
|
|
- @input="clearYzmInput" />
|
|
|
- <view class="close-btn" v-if="loginData.clearYzmIcon" @click="clearYzm"></view>
|
|
|
-
|
|
|
- <text class="cxfs-btn" @click="startCountdown"
|
|
|
- :class="{ 'cxfs-btn-disabled': loginData.isDisabled}">{{loginData.buttonText}}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 隐私协议 -->
|
|
|
- <view class="agreement-checkbox-box">
|
|
|
- <checkbox-group @change="handleUpdateAgree">
|
|
|
- <checkbox class="agreement-checkbox-input" color="#FFFFFF" value="agree" :checked="isAgreed" />
|
|
|
- </checkbox-group>
|
|
|
- <view class="agreement-text-box">
|
|
|
- 我已阅读并同意
|
|
|
- <view class="agreement-text" @click="agreeBtn('yhxy')">《用户协议》</view>
|
|
|
- 和
|
|
|
- <view @click="agreeBtn('ystk')" class="agreement-text">《隐私政策》</view>
|
|
|
+ <view class="ezy-login-page go-login-page">
|
|
|
+ <view @click="handleBack" class="ezy-nav-bar-icon yzm-nav-bar-icon"></view>
|
|
|
+ <icon class="login-img"></icon>
|
|
|
+ <view class="login-body-box">
|
|
|
+ <!-- 用户名 -->
|
|
|
+ <view class="phone-input-box">
|
|
|
+ <view class="phone-prefix">+86</view>
|
|
|
+ <input class="phone-input" type="text" v-model="loginData.phoneNumber" placeholder="请输入手机号" maxlength="11"
|
|
|
+ @input="clearTelInput" />
|
|
|
+ <view class="close-btn" v-if="loginData.clearTelIcon" @click="clearTel"></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 验证码 -->
|
|
|
+ <view class="yzm-row">
|
|
|
+ <view class="phone-input-box">
|
|
|
+ <input class="phone-input" type="text" v-model="loginData.yzmNumber" placeholder="请输入验证码" maxlength="4"
|
|
|
+ @input="clearYzmInput" />
|
|
|
+ <view class="close-btn" v-if="loginData.clearYzmIcon" @click="clearYzm"></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <text class="yzm-text-btn" @click="startCountdown">{{loginData.buttonText}}</text>
|
|
|
+ <!-- <text class="cxfs-btn" @click="startCountdown"
|
|
|
+ :class="{ 'cxfs-btn-disabled': loginData.isDisabled}">{{loginData.buttonText}}</text> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 隐私协议 -->
|
|
|
+ <view class="agreement-checkbox-box">
|
|
|
+ <checkbox-group @change="handleUpdateAgree">
|
|
|
+ <checkbox class="agreement-checkbox-input" color="#FFFFFF" value="agree" :checked="isAgreed" />
|
|
|
+ </checkbox-group>
|
|
|
+ <view class="agreement-text-box">
|
|
|
+ 我已阅读并同意
|
|
|
+ <view class="agreement-text" @click="agreeBtn('yhxy')">《用户协议》</view>
|
|
|
+ 和
|
|
|
+ <view @click="agreeBtn('ystk')" class="agreement-text">《隐私政策》</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 登录按钮 -->
|
|
|
+ <ezyActiveVue class="ezy-btn-active login-btn yzm-btn" @aclick="handleLogin" :class="loginData.yzmStatus">登录
|
|
|
+ </ezyActiveVue>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
- <!-- 登录按钮 -->
|
|
|
- <ezyActiveVue class="ezy-btn-active login-btn yzm-btn" @aclick="handleLogin" :class="loginData.yzmStatus">登录
|
|
|
- </ezyActiveVue>
|
|
|
- </uni-popup>
|
|
|
- <!-- 政策协议 -->
|
|
|
- <agree-content-dialog ref="agreeContentDialogRef" :agreeType="agreeType"></agree-content-dialog>
|
|
|
- <!-- 图形验证码 -->
|
|
|
- <captchaVue ref="captcha" :config="config" @captchaSuccess="captchaSuccess" @captchaError="captchaError"
|
|
|
- @captchaFail="captchaFail" @captchaReady="captchaReady" @captchaClose="captchaClose"></captchaVue>
|
|
|
- <!-- 确认协议 -->
|
|
|
- <agree-dialog ref="agreeDialogRef" @confirm-btn="confirmBtn"></agree-dialog>
|
|
|
+ </uni-popup>
|
|
|
+ <!-- 政策协议 -->
|
|
|
+ <agree-content-dialog ref="agreeContentDialogRef" :agreeType="agreeType"></agree-content-dialog>
|
|
|
+ <!-- 图形验证码 -->
|
|
|
+ <captchaVue ref="captcha" :config="config" @captchaSuccess="captchaSuccess" @captchaError="captchaError"
|
|
|
+ @captchaFail="captchaFail" @captchaReady="captchaReady" @captchaClose="captchaClose"></captchaVue>
|
|
|
+ <!-- 确认协议 -->
|
|
|
+ <agree-dialog ref="agreeDialogRef" @confirm-btn="confirmBtn"></agree-dialog>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
tanxue
