From 7856c250090490828d9ebf16569f57f402980357 Mon Sep 17 00:00:00 2001
From: zmr900709 <1838875027@qq.com>
Date: Tue, 2 Jun 2020 11:40:14 +0800
Subject: [PATCH] v

---
 pageA/login/login.vue | 123 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 111 insertions(+), 12 deletions(-)

diff --git a/pageA/login/login.vue b/pageA/login/login.vue
index dc45938..7d4f341 100644
--- a/pageA/login/login.vue
+++ b/pageA/login/login.vue
@@ -1,16 +1,33 @@
 <template>
 	<!-- login页面 -->
 	<view>
-		<view id="login">
-			<view>手机登录</view>
-			<view>
-				<text>手机号</text>
-				<input type="tel" placeholder="" />
+		<view class="login">
+			<image class="images" src="../../static/pageA/loginbackground.png"></image>
+			<view class="backes"></view>
+			<view class="content">
+				<view class="title">手机登录</view>
+				<view class="labales">
+					<text>手机号</text>
+					<input type="tel" placeholder="" />
+				</view>
+				<view class="labales">
+					<text>请输入验证码</text>
+					<input type="tel" placeholder="" />
+					<text class="identifying">获取验证码</text>
+				</view>
+				<!-- 服务协议 -->
+				<view class="pact">
+					<view></view>
+					<text>我已详细阅读并同意</text>
+					<text class="pact_text">《用户协议》</text>
+					<text class="pact_text">《隐私协议》</text>
+					<text class="pact_text">《使用协议》</text>
+				</view>
 			</view>
-			<view>
-				<text>请输入验证码</text>
-				<input type="tel" placeholder="" />
-				<text>获取验证码</text>
+			<!-- 注册 -->
+			<view class="more_Login">
+				<text>新用户点击注册</text>
+				<text class="other">其他方式登录</text>
 			</view>
 		</view>
 	</view>
@@ -19,8 +36,90 @@
 <script>
 </script>
 
-<style>
-	#login{
-		background: url(../../static/pageA/loginbackground.png) no-repeat!important;
+<style  lang="scss" scoped>
+	.login{
+		// background: url(../../static/pageA/loginbackground.png) no-repeat!important;
+		.images{
+			position: fixed;
+			width: 100%;
+			height: 100%;
+			top: 0;
+			left: 0;
+			z-index: -1;
+		}
+		.backes{
+			background: rgba(0,0,0,0.1);
+			position: fixed;
+			width: 100%;
+			height: 100%;
+			
+		}
+		text{
+			z-index: 9;
+			color: #fff;
+		}
+		.more_Login{
+			overflow: hidden;
+			zoom: 1;
+			width: 630rpx;
+			margin: 0 auto;
+		}
+		.more_Login text{
+			display: inline-block;
+			width: 50%;
+			float: left;
+			font-size:30rpx;
+			color:rgba(255,255,255,1);
+			line-height:36px;
+			margin: 97rpx 0;
+		}
+		.more_Login .other{
+			text-align: right;
+		}
+	}
+	.title{
+		font-size:36rpx;
+		font-weight:bold;
+		margin-bottom: 150rpx;
+		color: #fff;
+	}
+	.content{
+		width: 630rpx;
+		z-index: 99999;
+		margin: 0 auto;
+		padding-top: 130rpx;
+		.labales text{
+			font-size: 30rpx;
+		}
+		.labales{
+			border-bottom: 1px #fff solid;
+			margin-bottom: 90rpx;
+		}
+		.labales{
+			position: relative;
+		}
+		.identifying{
+			position: absolute;
+			right: 0;
+			top: 0;
+			bottom: 0;
+			margin: auto;
+			font-size:30rpx;
+			font-weight:500;
+			color:rgba(255,120,15,1);
+			line-height:36px;
+		}
+	}
+	.pact text{
+		font-size:22rpx;
+		font-weight:400;
+		color:rgba(255,255,255,1);
+		line-height:36px;
+	}
+	.pact_text{
+		font-size:22px;
+		font-weight:400;
+		color:rgba(129,188,253,1)!important;
+		line-height:36px;
 	}
 </style>
\ No newline at end of file