|
|
|
@ -1,167 +1,172 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div :style="viewColor">
|
|
|
|
|
<div class="register absolute" v-if="!auth_token">
|
|
|
|
|
<div class="shading">
|
|
|
|
|
<div class="pictrue acea-row row-center-wrapper">
|
|
|
|
|
<image :src="login_logo" v-if="login_logo" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="whiteBg" v-if="formItem === 1">
|
|
|
|
|
<div class="title acea-row row-center-wrapper">
|
|
|
|
|
<div class="item" :class="current === index ? 'on' : ''" v-for="(item, index) in navList" @click="navTap(index)" :key="index">
|
|
|
|
|
{{ item }}
|
|
|
|
|
<div class="login">
|
|
|
|
|
<div class="shading">
|
|
|
|
|
<div class="pictrue acea-row row-center-wrapper">
|
|
|
|
|
<image :src="login_logo" v-if="login_logo" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list" :hidden="current !== 0">
|
|
|
|
|
<form @submit.prevent="submit">
|
|
|
|
|
<div class="whiteBg" v-if="formItem === 1">
|
|
|
|
|
<div class="title acea-row row-center-wrapper">
|
|
|
|
|
<div class="item" :class="current === index ? 'on' : ''" v-for="(item, index) in navList" @click="navTap(index)" :key="index">
|
|
|
|
|
{{ item }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list" :hidden="current !== 0">
|
|
|
|
|
<form @submit.prevent="submit">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/phone_1.png"></image>
|
|
|
|
|
<input type="text" placeholder="输入手机号码" placeholder-class="placeholder" v-model="account" required />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="password" placeholder="填写登录密码" placeholder-class="placeholder" v-model="password" required />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div class="tip">
|
|
|
|
|
<span @click="formItem = 2" class="font-color-red">立即注册</span>
|
|
|
|
|
<navigator class="forgetPwd" hover-class="none" url="/pages/users/retrievePassword/index">
|
|
|
|
|
忘记密码
|
|
|
|
|
</navigator>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list" :hidden="current !== 1">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/phone_1.png"></image>
|
|
|
|
|
<input type="text" placeholder="输入手机号码" placeholder-class="placeholder" v-model="account" required />
|
|
|
|
|
<input type="text" placeholder="输入手机号码" placeholder-class="placeholder" v-model="account" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="password" placeholder="填写登录密码" placeholder-class="placeholder" v-model="password" required />
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="captcha" />
|
|
|
|
|
<button v-debounce class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="handleVerify">
|
|
|
|
|
{{ text }}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<navigator class="forgetPwd" hover-class="none" url="/pages/users/retrievePassword/index">
|
|
|
|
|
忘记密码
|
|
|
|
|
</navigator>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list" :hidden="current !== 1">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/phone_1.png"></image>
|
|
|
|
|
<input type="text" placeholder="输入手机号码" placeholder-class="placeholder" v-model="account" />
|
|
|
|
|
<div class="item" v-if="isShowCode">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="codeVal" />
|
|
|
|
|
<div class="code" @click="getcaptcha"><image class="code-img" style="width: 100%;height: 100%;" :src="codeUrl" /></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="captcha" />
|
|
|
|
|
<button v-debounce class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="handleVerify">
|
|
|
|
|
{{ text }}
|
|
|
|
|
|
|
|
|
|
<div class="logon" v-debounce @click="loginMobile" :hidden="current !== 1">登录</div>
|
|
|
|
|
<div class="logon" v-debounce @click="submit" :hidden="current === 1">登录</div>
|
|
|
|
|
<div class="protocol acea-row row-between-wrapper">
|
|
|
|
|
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
|
|
|
|
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
|
|
|
|
<text class="protocol_text">我已同意<text @click="userAgree" class="font_pro">《用户协议》</text>与<text @click="userPrivacyAgree" class="font_pro">《隐私政策》</text></text>
|
|
|
|
|
</checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- #ifdef MP -->
|
|
|
|
|
<view class="appLogin">
|
|
|
|
|
<view class="hds">
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
<p>其他方式登录</p>
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn-wrapper">
|
|
|
|
|
<button form-type="submit" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
|
|
|
|
<view class="btn wx">
|
|
|
|
|
<span class="iconfont icon-s-weixindenglu1"></span>
|
|
|
|
|
</view>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item" v-if="isShowCode">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="codeVal" />
|
|
|
|
|
<div class="code" @click="getcaptcha"><image class="code-img" style="width: 100%;height: 100%;" :src="codeUrl" /></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="protocol acea-row row-between-wrapper">
|
|
|
|
|
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
|
|
|
|
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
|
|
|
|
<text class="protocol_text">我已同意<text @click="userAgree" class="font_pro">《用户协议》</text>与<text @click="userPrivacyAgree" class="font_pro">《隐私政策》</text></text>
|
|
|
|
|
</checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="logon" v-debounce @click="loginMobile" :hidden="current !== 1">登录</div>
|
|
|
|
|
<div class="logon" v-debounce @click="submit" :hidden="current === 1">登录</div>
|
|
|
|
|
<div class="tip">
|
|
|
|
|
没有账号?
|
|
|
|
|
<span @click="formItem = 2" class="font-color-red">立即注册</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- #ifdef MP -->
|
|
|
|
|
<view class="appLogin">
|
|
|
|
|
<view class="hds">
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
<p>其他方式登录</p>
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn-wrapper">
|
|
|
|
|
<button form-type="submit" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
|
|
|
|
<view class="btn wx">
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
|
<view class="appLogin" v-if="!appLoginStatus && !appleLoginStatus">
|
|
|
|
|
<view class="hds">
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
<p>其他方式登录</p>
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn-wrapper">
|
|
|
|
|
<view class="btn wx" @click="wxLogin">
|
|
|
|
|
<span class="iconfont icon-s-weixindenglu1"></span>
|
|
|
|
|
</view>
|
|
|
|
|
</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
|
<view class="appLogin" v-if="!appLoginStatus && !appleLoginStatus">
|
|
|
|
|
<view class="hds">
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
<p>其他方式登录</p>
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn-wrapper">
|
|
|
|
|
<view class="btn wx" @click="wxLogin">
|
|
|
|
|
<span class="iconfont icon-s-weixindenglu1"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn wx btn-apple" @click="appleLogin" v-if="appleShow">
|
|
|
|
|
<span class="iconfont icon-s-pingguo"></span>
|
|
|
|
|
<view class="btn wx btn-apple" @click="appleLogin" v-if="appleShow">
|
|
|
|
|
<span class="iconfont icon-s-pingguo"></span>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="whiteBg" v-else>
|
|
|
|
|
<div class="title">注册账号</div>
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/phone_1.png"></image>
|
|
|
|
|
<input type="text" placeholder="输入手机号码" placeholder-class="placeholder" v-model="account" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="captcha" />
|
|
|
|
|
<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="handleVerify">
|
|
|
|
|
{{ text }}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_1.png"></image>
|
|
|
|
|
<input type="password" placeholder="填写您的登录密码" placeholder-class="placeholder" v-model="password" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item" v-if="isShowCode">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="codeVal" />
|
|
|
|
|
<div class="code" @click="getcaptcha"><image class="code-img" style="width: 100%;height: 100%;" :src="codeUrl" /></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="protocol acea-row row-between-wrapper">
|
|
|
|
|
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
|
|
|
|
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
|
|
|
|
<text class="protocol_text">我已同意<text @click="userAgree" class="font_pro">《用户协议》</text>与<text @click="userPrivacyAgree" class="font_pro">《隐私政策》</text></text>
|
|
|
|
|
</checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="logon" @click="register">注册</div>
|
|
|
|
|
<div class="tip">
|
|
|
|
|
已有账号?
|
|
|
|
|
<span @click="formItem = 1" class="font-color-red">立即登录</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
|
<view class="appLogin" v-if="!appLoginStatus && !appleLoginStatus">
|
|
|
|
|
<view class="hds">
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
<p>其他方式登录</p>
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn-wrapper">
|
|
|
|
|
<view class="btn wx" @click="wxLogin">
|
|
|
|
|
<span class="iconfont icon-s-weixindenglu1"></span>
|
|
|
|
|
<div class="whiteBg" v-else>
|
|
|
|
|
<div class="title">注册账号</div>
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/phone_1.png"></image>
|
|
|
|
|
<input type="text" placeholder="输入手机号码" placeholder-class="placeholder" v-model="account" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="captcha" />
|
|
|
|
|
<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="handleVerify">
|
|
|
|
|
{{ text }}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_1.png"></image>
|
|
|
|
|
<input type="password" placeholder="填写您的登录密码" placeholder-class="placeholder" v-model="password" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item" v-if="isShowCode">
|
|
|
|
|
<div class="acea-row row-middle">
|
|
|
|
|
<image src="/static/images/code_2.png"></image>
|
|
|
|
|
<input type="text" placeholder="填写验证码" placeholder-class="placeholder" class="codeIput" v-model="codeVal" />
|
|
|
|
|
<div class="code" @click="getcaptcha"><image class="code-img" style="width: 100%;height: 100%;" :src="codeUrl" /></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tip">
|
|
|
|
|
<div>
|
|
|
|
|
已有账号?
|
|
|
|
|
<span @click="formItem = 1" class="font-color-red">去登录</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="logon" @click="register">注册</div>
|
|
|
|
|
<div class="protocol acea-row row-between-wrapper">
|
|
|
|
|
<checkbox-group class="checkgroup" @change='isAgree=!isAgree'>
|
|
|
|
|
<checkbox class="checkbox" :checked="isAgree ? true : false" />
|
|
|
|
|
<text class="protocol_text">我已同意<text @click="userAgree" class="font_pro">《用户协议》</text>与<text @click="userPrivacyAgree" class="font_pro">《隐私政策》</text></text>
|
|
|
|
|
</checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
|
<view class="appLogin" v-if="!appLoginStatus && !appleLoginStatus">
|
|
|
|
|
<view class="hds">
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
<p>其他方式登录</p>
|
|
|
|
|
<span class="line"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn wx btn-apple" @click="appleLogin" v-if="appleShow">
|
|
|
|
|
<span class="iconfont icon-s-pingguo"></span>
|
|
|
|
|
<view class="btn-wrapper">
|
|
|
|
|
<view class="btn wx" @click="wxLogin">
|
|
|
|
|
<span class="iconfont icon-s-weixindenglu1"></span>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="btn wx btn-apple" @click="appleLogin" v-if="appleShow">
|
|
|
|
|
<span class="iconfont icon-s-pingguo"></span>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
<!-- #endif -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom"></div>
|
|
|
|
|
<view class="settlementAgreement" v-if="showAgreement">
|
|
|
|
@ -273,7 +278,7 @@
|
|
|
|
|
data: function() {
|
|
|
|
|
return {
|
|
|
|
|
navList: ["账号登录", "快速登录"],
|
|
|
|
|
current: 1,
|
|
|
|
|
current: 0,
|
|
|
|
|
account: "",
|
|
|
|
|
password: "",
|
|
|
|
|
captcha: "",
|
|
|
|
@ -1026,6 +1031,9 @@
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
}
|
|
|
|
|
.protocol{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.protocol_text{
|
|
|
|
|