实名认证 && 官方认证 样式完善

pages/me/nameAuthentication/nameAuthentication.vue

@@ -11,8 +11,8 @@
         <uni-forms-item label="身份证号" required name="idCard">
           <uni-easyinput v-model="form.idCard" placeholder="请输入身份证号" maxlength="18" :disabled="disabled"/>
         </uni-forms-item>
-        <uni-forms-item label="身份证正反面" required class="onePic" v-if="form.id != null">
-          <image :src="loadImgSrcLocalhost(item)" v-for="(item, index1) in imageList" :key="index1">
+        <uni-forms-item label="身份证正反面" required v-if="form.id != null" class="onePic">
+          <image :src="loadImgSrcLocalhost(item)" v-for="(item, index1) in imageList" :key="index1" class="cardPic">
           </image>
         </uni-forms-item>
         <uni-forms-item label="身份证正反面" required name="path" v-if="form.id == null" label-width="320">
@@ -150,4 +150,12 @@ export default {
 /* ::v-deep .easyinput--uni-easyinput{
   margin-left: 10%;
 } */
+.cardPic{
+	display: inline-block;
+	width: 120px;
+	height: 85px;
+}
+.cardPic:nth-child(1){
+	margin-left: 10%;
+}
 </style>

pages/me/officialAuthentication/officialAuthentication.vue

@@ -13,7 +13,7 @@
                     <uni-easyinput v-model="form.phone" placeholder="请输入联系电话" maxlength="13" :disabled="disabled"/>
                 </uni-forms-item>
 				<uni-forms-item label="证照信息" required class="onePic" v-if="form.id != null">
-					<image :src="loadImgSrcLocalhost(item)" v-for="(item, index1) in imageList" :key="index1">
+					<image :src="loadImgSrcLocalhost(item)" v-for="(item, index1) in imageList" :key="index1" class="cardPic">
 					</image>
 				</uni-forms-item>
                 <uni-forms-item label="证照信息" required name="path" v-if="form.id == null">
@@ -137,4 +137,12 @@
 	::v-deep .uni-section-content{
 		padding: 0 2%;
 	}
+	.cardPic{
+		display: inline-block;
+		width: 120px;
+		height: 85px;
+	}
+	.cardPic:nth-child(1){
+		margin-left: 10%;
+	}
 </style>