|
|
|
|
@ -1,13 +1,9 @@
|
|
|
|
|
<template>
|
|
|
|
|
<!-- 规格弹窗 -->
|
|
|
|
|
<su-popup :show="authType !== ''" round="10" :showClose="true" @close="closeAuthModal">
|
|
|
|
|
<view class="login-wrap">
|
|
|
|
|
<view class="login-wrap" style="min-height: 300rpx;">
|
|
|
|
|
<!-- 1. 账号密码登录 accountLogin -->
|
|
|
|
|
<account-login
|
|
|
|
|
v-if="authType === 'accountLogin'"
|
|
|
|
|
:agreeStatus="state.protocol"
|
|
|
|
|
@onConfirm="onConfirm"
|
|
|
|
|
/>
|
|
|
|
|
<account-login v-if="authType === 'accountLogin'" :agreeStatus="state.protocol" @onConfirm="onConfirm" />
|
|
|
|
|
|
|
|
|
|
<!-- 2. 短信登录 smsLogin -->
|
|
|
|
|
<sms-login v-if="authType === 'smsLogin'" :agreeStatus="state.protocol" @onConfirm="onConfirm" />
|
|
|
|
|
@ -25,10 +21,8 @@
|
|
|
|
|
<mp-authorization v-if="authType === 'mpAuthorization'" />
|
|
|
|
|
|
|
|
|
|
<!-- 7. 第三方登录 -->
|
|
|
|
|
<view
|
|
|
|
|
v-if="['accountLogin', 'smsLogin'].includes(authType)"
|
|
|
|
|
class="auto-login-box ss-flex ss-flex-col ss-row-center ss-col-center"
|
|
|
|
|
>
|
|
|
|
|
<view v-if="['accountLogin', 'smsLogin'].includes(authType)"
|
|
|
|
|
class="auto-login-box ss-flex ss-flex-col ss-row-center ss-col-center">
|
|
|
|
|
<!-- 7.1 微信小程序的快捷登录 -->
|
|
|
|
|
<view v-if="sheep.$platform.name === 'WechatMiniProgram'" class="ss-flex register-box">
|
|
|
|
|
<!-- <view class="register-title">还没有账号?</view> -->
|
|
|
|
|
@ -54,31 +48,18 @@
|
|
|
|
|
</button> -->
|
|
|
|
|
|
|
|
|
|
<!-- 7.3 iOS 登录 TODO 芋艿：等后面搞 App 再弄 -->
|
|
|
|
|
<button
|
|
|
|
|
v-if="sheep.$platform.os === 'ios' && sheep.$platform.name === 'App'"
|
|
|
|
|
@tap="thirdLogin('apple')"
|
|
|
|
|
class="ss-reset-button auto-login-btn"
|
|
|
|
|
>
|
|
|
|
|
<image
|
|
|
|
|
class="auto-login-img"
|
|
|
|
|
:src="sheep.$url.static('/static/img/shop/platform/apple.png')"
|
|
|
|
|
/>
|
|
|
|
|
<button v-if="sheep.$platform.os === 'ios' && sheep.$platform.name === 'App'" @tap="thirdLogin('apple')"
|
|
|
|
|
class="ss-reset-button auto-login-btn">
|
|
|
|
|
<image class="auto-login-img" :src="sheep.$url.static('/static/img/shop/platform/apple.png')" />
|
|
|
|
|
</button>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 用户协议的勾选 -->
|
|
|
|
|
<view
|
|
|
|
|
v-if="['accountLogin', 'smsLogin'].includes(authType)"
|
|
|
|
|
class="agreement-box ss-flex ss-row-center"
|
|
|
|
|
:class="{ shake: currentProtocol }"
|
|
|
|
|
>
|
|
|
|
|
<view v-if="['accountLogin', 'smsLogin'].includes(authType)" class="agreement-box ss-flex ss-row-center"
|
|
|
|
|
:class="{ shake: currentProtocol }">
|
|
|
|
|
<label class="radio ss-flex ss-col-center" @tap="onChange">
|
|
|
|
|
<radio
|
|
|
|
|
:checked="state.protocol"
|
|
|
|
|
color="var(--ui-BG-Main)"
|
|
|
|
|
style="transform: scale(0.8)"
|
|
|
|
|
@tap.stop="onChange"
|
|
|
|
|
/>
|
|
|
|
|
<radio :checked="state.protocol" color="var(--ui-BG-Main)" style="transform: scale(0.8)"
|
|
|
|
|
@tap.stop="onChange" />
|
|
|
|
|
<view class="agreement-text ss-flex ss-col-center ss-m-l-8">
|
|
|
|
|
我已阅读并遵守
|
|
|
|
|
<view class="tcp-text" @tap.stop="onProtocol('用户协议')">
|
|
|
|
|
@ -91,7 +72,7 @@
|
|
|
|
|
</view>
|
|
|
|
|
</label>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="safe-box"/>
|
|
|
|
|
<view class="safe-box" />
|
|
|
|
|
</view>
|
|
|
|
|
</su-popup>
|
|
|
|
|
</template>
|
|
|
|
|
|
