From bc84385909a4555a657ffe32172f83340653026c Mon Sep 17 00:00:00 2001
From: aihe <961836564@qq.com>
Date: Wed, 20 Dec 2023 23:42:22 +0800
Subject: [PATCH] uu

---
 pages/login/login.vue | 59 +++++++++++++++++++++++--------------------
 1 file changed, 32 insertions(+), 27 deletions(-)

diff --git a/pages/login/login.vue b/pages/login/login.vue
index 42cb8b1..dfc01d1 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,35 +1,39 @@
 <template>
-	<view class="lgn-page" :style="`background-image: url(${getCdnUrl('login/bg.png')});`">
-		<view>
-			<u-image custom-style="margin: 160rpx auto 0 auto;" width="100" height="100" :src="getCdnUrl('logo.png')"></u-image>
-			<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>	
+	<view class="lgn-page">
+		<view class="pos-abt-all" style="z-index: 0;overflow: hidden;">
+			<tpx-image width="750" mode="widthFix" :src="getCdnUrl('login/bg.png')"></tpx-image>
 		</view>
-		<view style="margin-top: 90rpx;" class="pl-30 pr-30">
-			<u-text text="密码登录" size="30" color="#fff" bold="true"></u-text>
-			
-			<view class="mt-40">
-				<u-input placeholder="请输入账号" color="#fff" font-size="30" 
-					custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;" 
-					placeholder-style="color: #FFF;"></u-input>
+		<view class="pos-rlt" style="z-index: 1;">
+			<view>
+				<u-image custom-style="margin: 160rpx auto 0 auto;" width="100" height="100" :src="getCdnUrl('logo.png')"></u-image>
+				<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>	
 			</view>
-			<view class="mt-40">
-				<u-input placeholder="请输入密码" color="#fff" font-size="30" type="password" 
-					custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;" 
-					placeholder-style="color: #FFF;"></u-input>
+			<view style="margin-top: 90rpx;" class="pl-30 pr-30">
+				<u-text text="密码登录" size="30" color="#fff" bold="true"></u-text>
+				
+				<view class="mt-40">
+					<u-input placeholder="请输入账号" color="#fff" font-size="30" 
+						custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;" 
+						placeholder-style="color: #FFF;"></u-input>
+				</view>
+				<view class="mt-40">
+					<u-input placeholder="请输入密码" color="#fff" font-size="30" type="password" 
+						custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;" 
+						placeholder-style="color: #FFF;"></u-input>
+				</view>
+				<view class="mt-30">
+					<u-checkbox-group placement="column" v-model="remberPassport">
+						<u-checkbox size="28" labelSize="28" label="记住密码"
+							label-color="#fff" activeColor="#fff" iconColor="#B12D29" iconSize="20"></u-checkbox>
+					</u-checkbox-group>
+				</view>
+				
+				<view style="margin-top: 70rpx;">
+					<u-button custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
+				</view>
+				
 			</view>
-			<view class="mt-30">
-				<u-checkbox-group placement="column" v-model="remberPassport">
-					<u-checkbox size="28" labelSize="28" label="记住密码"
-						label-color="#fff" activeColor="#fff" iconColor="#B12D29" iconSize="20"></u-checkbox>
-				</u-checkbox-group>
-			</view>
-			
-			<view style="margin-top: 70rpx;">
-				<u-button custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
-			</view>
-			
 		</view>
-		
 	</view>
 </template>
 <script>
@@ -61,6 +65,7 @@
 </style>
 <style scoped lang="scss">
 	.lgn-page {
+		position: relative;
 		min-height: 100%;
 		background-size: 100% auto; 
 		background-repeat: no-repeat;