diff --git a/gasStation-uni/pagesLogin/login/login.vue b/gasStation-uni/pagesLogin/login/login.vue
index a15da2f40..561b036b1 100644
--- a/gasStation-uni/pagesLogin/login/login.vue
+++ b/gasStation-uni/pagesLogin/login/login.vue
@@ -2,14 +2,24 @@
 	<view class="content">
 		<view class="container">
 			<view class="my-header">
-				<view class="my-icons" @click="goback"> <uni-icons type="left" size="16"></uni-icons> </view>
-				<view class="my-text">登录</view>
+				<view class="my-icons" >  </view>
+				<view class="my-text"></view>
 				<view class="my-icons"></view>
 			</view>
+			<view class="top-box"></view>
 			<!-- 顶部区域 -->
-
-			<u-button text="手机号快捷登录" class="dl" :customStyle="{color:'#ffffff'}" color="#0D2E8D"
-				open-type='getPhoneNumber' @getphonenumber="getPhone"></u-button>
+			
+			<button class="dl-box" open-type='getPhoneNumber' @getphonenumber="getPhone">手机号快捷登录</button>
+			<button class="kk-box" @click="goback" >我再看看</button>
+			<view class="dbottom">
+				<view class="quanzi" v-if="qindex == false " @click="qindex =! qindex"></view>
+				<view class="lanquanzi" v-if="qindex == true" @click="qindex =! qindex"><u-icon name="checkbox-mark"
+						color="#ffffff" size="14"></u-icon></view>
+				<text>请仔细阅读</text>
+				<text class="lan">《用户协议》</text>
+				<text>和</text>
+				<text class="lan">《隐私政策》</text>
+			</view>
 		</view>
 	</view>
 </template>
@@ -19,6 +29,7 @@
 		data() {
 			return {
 				title: '',
+				qindex: false,
 				baseUrl: this.$baseUrl,
 			}
 		},
@@ -27,12 +38,9 @@
 
 		},
 		components: {
-
 		},
 		methods: {
 			wxlogin() {
-
-
 			},
 			getPhone(e) {
 				let that = this
@@ -95,13 +103,9 @@
 								});
 							}
 						})
-
 					}
 				})
-
 			},
-
-
 			goback() {
 				uni.navigateBack()
 			}
@@ -111,7 +115,8 @@
 
 <style scoped lang="scss">
 	.content {
-		background: #f4f5f6;
+		background: #ffffff;
+		
 	}
 
 	.container {
@@ -124,7 +129,7 @@
 	.my-header {
 		width: 100%;
 		height: 88px;
-		background: #ffffff;
+		background: #3c91f4;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
@@ -142,4 +147,113 @@
 		position: fixed;
 		top: 0px;
 	}
-</style>
\ No newline at end of file
+	.dl{
+		height: 40px;
+		background: #2F72F7;
+		border-radius: 50px;
+		
+	
+	}
+	.top-box{
+		width: 100%;
+		height: 60vh;
+		background: url('http://47.95.206.185:83/lgoin.png')center no-repeat;
+		background-size: 100% 100%;
+		background-attachment: fixed;
+
+	}
+	.dl-box{
+		width: 80%;
+		height: 45px;
+		background: #2F72F7;
+		color: white;
+		border-radius: 50px;
+	}
+	.kk-box{
+		width: 80%;
+		height: 45px;
+		background: #F0F3FA;
+		color: #333333;
+		border-radius: 50px;
+		border: 1px solid #F0F3FA;
+		margin: 10px auto;
+	}
+	.dbottom {
+		width: 100%;
+		text-align: center;
+		font-size: 12px;
+		color: #333333;
+		margin-top: 40px;
+		position: fixed;
+		bottom: 45px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	
+	.quanzi {
+		width: 14px;
+		height: 14px;
+		border: 1px solid #666666;
+		border-radius: 50%;
+		margin-right: 10px;
+	}
+	
+	.lanquanzi {
+		width: 14px;
+		height: 14px;
+		border: 1px solid #0078FF;
+		border-radius: 50%;
+		margin-right: 10px;
+		background: #0078FF;
+		color: white;
+	}
+	
+	.lan {
+		color: #0078FF;
+	}
+	
+	.jiuzhong {
+		width: 90%;
+		margin: 10px auto;
+		display: flex;
+		align-items: center;
+	}
+	
+	.dist {
+		display: flex;
+		align-items: center;
+		margin: 0px 10px;
+	}
+	
+	.d-zi {
+		font-size: 14px;
+	}
+	
+	.d-qian {
+		width: 14px;
+		height: 14px;
+		margin-right: 5px;
+		overflow: hidden;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border: 1px solid #666666;
+		color: white;
+	}
+	
+	.d-qian-lan {
+		width: 14px;
+		height: 14px;
+		margin-right: 5px;
+		overflow: hidden;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: #0078FF;
+		border: 1px solid #0078FF;
+		color: white;
+	}
+</style>