|
|
@@ -66,51 +66,53 @@
|
|
|
</cl-checkbox>
|
|
|
</cl-form>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="absolute bottom-20 w-full flex flex-row gap-4 items-center justify-center">
|
|
|
- <view v-if="val !== 'weixin'">
|
|
|
- <cl-button type="success" :pt="{ className: '!h-[40px] !rounded-full w-[40px] mx-auto !p-1' }"
|
|
|
- :loading="loading" @tap="tabsChange('weixin')">
|
|
|
- <cl-image src="https://oss.xiaoxiongcode.com/static/个人中心/微信.png" mode="heightFix" height="20px"
|
|
|
- width="auto"></cl-image>
|
|
|
- </cl-button>
|
|
|
- <view class="mt-1">
|
|
|
- <cl-text :size="14" color="#666">
|
|
|
- 微信登录
|
|
|
- </cl-text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-if="val !== 'quickly_login'">
|
|
|
- <cl-button type="info" :pt="{ className: '!h-[40px] !rounded-full w-[40px] mx-auto !p-1' }" :loading="loading"
|
|
|
- @tap="tabsChange('quickly_login')">
|
|
|
- <cl-image src="https://oss.xiaoxiongcode.com/static/home/phone.svg" mode="heightFix" height="20px"
|
|
|
- width="auto"></cl-image>
|
|
|
- </cl-button>
|
|
|
- <view class="mt-1">
|
|
|
- <cl-text :size="14" color="#666">
|
|
|
- 验证码登录
|
|
|
- </cl-text>
|
|
|
+ <view>
|
|
|
+ <view class=" w-full flex flex-row gap-4 items-center justify-center mb-4">
|
|
|
+ <view v-if="val !== 'weixin'">
|
|
|
+ <cl-button type="success" :pt="{ className: '!h-[40px] !rounded-full w-[40px] mx-auto !p-1' }"
|
|
|
+ :loading="loading" @tap="tabsChange('weixin')">
|
|
|
+ <cl-image src="https://oss.xiaoxiongcode.com/static/个人中心/微信.png" mode="heightFix" height="20px"
|
|
|
+ width="auto"></cl-image>
|
|
|
+ </cl-button>
|
|
|
+ <view class="mt-1">
|
|
|
+ <cl-text :size="14" color="#666">
|
|
|
+ 微信登录
|
|
|
+ </cl-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="val !== 'quickly_login'">
|
|
|
+ <cl-button type="info" :pt="{ className: '!h-[40px] !rounded-full w-[40px] mx-auto !p-1' }"
|
|
|
+ :loading="loading" @tap="tabsChange('quickly_login')">
|
|
|
+ <cl-image src="https://oss.xiaoxiongcode.com/static/home/phone.svg" mode="heightFix" height="20px"
|
|
|
+ width="auto"></cl-image>
|
|
|
+ </cl-button>
|
|
|
+ <view class="mt-1">
|
|
|
+ <cl-text :size="14" color="#666">
|
|
|
+ 验证码登录
|
|
|
+ </cl-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="val !== 'password'">
|
|
|
+ <cl-button type="info" :pt="{ className: '!h-[40px] !rounded-full w-[40px] mx-auto !p-1' }"
|
|
|
+ :loading="loading" @tap="tabsChange('password')">
|
|
|
+ <cl-image src="https://oss.xiaoxiongcode.com/static/home/password.svg" mode="heightFix" height="20px"
|
|
|
+ width="auto"></cl-image>
|
|
|
+ </cl-button>
|
|
|
+ <view class="mt-1">
|
|
|
+ <cl-text :size="14" color="#666">
|
|
|
+ 密码登录
|
|
|
+ </cl-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view v-if="val !== 'password'">
|
|
|
- <cl-button type="info" :pt="{ className: '!h-[40px] !rounded-full w-[40px] mx-auto !p-1' }" :loading="loading"
|
|
|
- @tap="tabsChange('password')">
|
|
|
- <cl-image src="https://oss.xiaoxiongcode.com/static/home/password.svg" mode="heightFix" height="20px"
|
|
|
- width="auto"></cl-image>
|
|
|
- </cl-button>
|
|
|
- <view class="mt-1">
|
|
|
- <cl-text :size="14" color="#666">
|
|
|
- 密码登录
|
|
|
+ <view v-if="val !== 'register'" class=" w-full flex flex-row gap-4 items-center justify-center">
|
|
|
+ <cl-text :size="14" color="primary" @tap="tabsChange('register')">
|
|
|
+ 注册账号
|
|
|
</cl-text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="val !== 'register'"
|
|
|
- class="absolute bottom-12 w-full flex flex-row gap-4 items-center justify-center">
|
|
|
- <cl-text :size="14" color="primary" @tap="tabsChange('register')">
|
|
|
- 注册账号
|
|
|
- </cl-text>
|
|
|
- </view>
|
|
|
+
|
|
|
</view>
|
|
|
<cl-action-sheet ref="actionSheetRef">
|
|
|
<template #prepend>
|
|
|
@@ -353,8 +355,9 @@ function toPrivacy() {
|
|
|
.group {
|
|
|
@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 px-4 py-2 pb-10 rounded-xl;
|
|
|
display: flex;
|
|
|
- height: 80%;
|
|
|
+ height: 100%;
|
|
|
align-items: center;
|
|
|
flex-direction: column;
|
|
|
+ justify-content: space-around;
|
|
|
}
|
|
|
</style>
|
