页面展示优化

pages/login/bind.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="containerView">
+	<view class="container">
 		<view class="cu-form-group" >
 			<view class="title">手机号</view>
 			<input type="number" :value="data.mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile"
@@ -127,6 +127,14 @@
 		background: #ffffff;
 	}
 	
+	.container {
+		padding-top: 32rpx;
+		position: relative;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		background: #ffffff;
+	}
 	.cu-form-group{
 		background-color: #ffffff;
 		padding: 1rpx 30rpx;
@@ -163,17 +171,13 @@
 	    font-size: 14px;
 	    line-height: 30px;
 	    background: #ff7581;
+		padding: 0 30rpx;
+		border: none;
+		&:after {
+			border: none;
+		}
 	}
 
-	.containerView {
-		top: 0;
-		padding-top: 32upx;
-		position: relative;
-		width: 100%;
-		height: 100%;
-		overflow: hidden;
-		background: #ffffff;
-	}
 
 
 
@@ -187,9 +191,9 @@
 		background: #ff7581;
 		color: #ffffff;
 		font-size: 16px;
-
+		margin: 0 auto;
 		&:after {
-			border-radius: 60px;
+			border: none;
 		}
 	}
 </style>