完成

pageA/login/login.vue

@@ -7,13 +7,13 @@
 			<view class="content">
 				<view class="title">手机登录</view>
 				<view class="labales">
-					<text>手机号</text>
-					<input type="tel" placeholder="" />
+					<!-- <text></text> -->
+					<input type="tel" placeholder="手机号" />
 				</view>
 				<view class="labales">
-					<text>请输入验证码</text>
-					<input type="tel" placeholder="" />
-					<text class="identifying">获取验证码</text>
+					<!-- <text></text> -->
+					<input type="tel" placeholder="请输入验证码" />
+					<text class="identifying" @click="getCode">{{text}}</text>
 				</view>
 				<!-- 服务协议 -->
 				<view class="pact">
@@ -62,6 +62,7 @@
 					disabled: false
 				}],
 				value: '',
+				text : '获取验证码',
 				login: '登录',
 				show: false
 			};
@@ -78,6 +79,14 @@
 			mask_u(){
 				this.show = !this.show
 			},
+			// 获取验证码倒计时
+			getCode(){
+				console.log("11")
+				this.loading()
+			},
+			loading(){
+				
+			}
 		}
 	};
 </script>
@@ -151,10 +160,13 @@
 		.labales {
 			border-bottom: 1px #fff solid;
 			margin-bottom: 90rpx;
+			height: 70rpx;
+			line-height: 70rpx;
 		}
-
-		.labales {
+		
+		.labales:nth-child(3) {
 			position: relative;
+			margin-bottom: 10px;
 		}
 
 		.identifying {
@@ -166,9 +178,13 @@
 			font-size: 30rpx;
 			font-weight: 500;
 			color: rgba(255, 120, 15, 1);
-			line-height: 36px;
+			line-height: 20px;
 		}
 	}
+	.uni-input-input, .uni-input-placeholder{
+	            color:#fff!important;
+				letter-spacing: 2rpx;
+	        }
 
 	.pact text {
 		font-size: 22rpx;
@@ -188,6 +204,9 @@
 	.pact {
 		position: relative;
 		padding-left: 40rpx;
+		overflow:hidden; //超出的文本隐藏
+		text-overflow:ellipsis; //溢出用省略号显示
+		white-space:nowrap; //溢出不换行
 	}
 
 	.u-checkbox-group {
@@ -298,7 +317,4 @@
 		bottom: 0;
 		left: 0;
 	}
-	uni-page-wrapper{
-		background: #fff;
-	}
 </style>