样式调整

pages/login/completeInfo.vue

@@ -3,7 +3,7 @@
 		<ujp-navbar title="完善信息">
 
 
-			<view slot="right" @click="gotoLink" style=" margin-right: 10px;"> 跳过</view>
+			<view slot="right" @click="gotoLink" style=" margin-right: 20rpx;"> 跳过</view>
 
 		</ujp-navbar>
 		<view class="data">
@@ -25,7 +25,7 @@
 			<p class="car-num" >车牌号码
 					
 					<span  @click="gotoLink" 
-							style="color: rgb(63, 189, 112);float: right;padding-right: 10px;">临时车牌?<u>点击此处</u>,快速充电</span>
+							style="color: rgb(63, 189, 112);float: right;">临时车牌,点击快速充电</span>
 					</p>
 			
 			<view class="key-input" @tap="keyShow=true">
@@ -37,29 +37,32 @@
  -->
 			</view>
 			<p class="car-num" ><span @tap="keyShow=!keyShow"
-					style="float: right;color: #9e9e9e;padding-right: 10px;">点击输入框{{keyShow?'收起':'唤起'}}键盘</span></p>
+					style="float: right;color: #9e9e9e;">点击输入框{{keyShow?'收起':'唤起'}}键盘</span></p>
 			<p class="car-num" v-show="!keyShow">车辆用途</p>
 			<view class="car-type" v-show="!keyShow">
 				
 				<view class="card"  v-for="(item,i) in carlist" :key="i"
 				 @click="usage=item.value"
-				 :class="{
+				>
+				<view class="cardin"  :class="{
+				
 					cardselect:usage==item.value,
 					cardno:usage!=item.value
-				}">
-				<view class="cardgo" >
-					<view class="cardinfo">
-						<img  
-						src="@/assets/img/riFill-check-fill.svg" alt="">
-						
+				}" >
+					<view class="cardgo" >
+						<view class="cardinfo">
+							<img  
+							src="@/assets/img/riFill-check-fill.svg" alt="">
+							
+						</view>
+					</view>
+						<view class="title">{{item.name}}</view>
+						<p class="carimgp">
+							<img class="carimg"
+							:src="item.img" alt="">
+							
+						</p>
 					</view>
-				</view>
-					<view class="title">{{item.name}}</view>
-					<p class="carimgp">
-						<img class="carimg"
-						:src="item.img" alt="">
-						
-					</p>
 				</view>
 			</view>
 			<view class="default" v-show="!keyShow">
@@ -437,7 +440,7 @@
 	}
 
 	.data-input {
-		margin: 0 80rpx;
+		margin: 0 60rpx;
 	}
 
 	.login-btn {
@@ -448,7 +451,7 @@
 	}
 
 	.car-num {
-		padding: 10px 0 0 40px;
+		padding: 20rpx 60rpx 0 60rpx;
 		line-height: 18px;
 	}
 
@@ -457,7 +460,7 @@
 	}
 
 	.default {
-		margin: 16px 28px;
+		margin: 30rpx 60rpx;
 	}
 
 	/deep/.u-char-item {
@@ -471,27 +474,32 @@
 			margin: 0 40rpx;
 			flex-wrap: wrap;
 	}
-	
-	.card {
-		 width: 45%;
-		 margin-right: 5px;
-		  margin-left: 5px;
-		overflow: hidden;
-		padding: 20rpx;
-		margin-top: 10px;
-		height: 150rpx;
-		.title{
+	.cardone{
+		// margin-right: 20rpx;
+	}
+	.card{
+		width: 50%;
+		padding: 0 10rpx;
+		.cardin {
+			
+			 // margin-left: 5px;
+			overflow: hidden;
+			padding: 20rpx;
+			margin-top: 20rpx;
+			height: 150rpx;
+			.title{
+				
+				font-weight: bold;
+			}
+			.carimgp{
+				float: right;
+			}
+			.carimg{
+				width: 180rpx;
+				height: 64rpx;
+			}
 			
-			font-weight: bold;
-		}
-		.carimgp{
-			float: right;
-		}
-		.carimg{
-			width: 180rpx;
-			height: 64rpx;
 		}
-		
 	}
 	.cardselect {
 		border-radius: 8px;