1

pages/user/login.uvue

@@ -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>