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

pages/handleAffairs/mattercontent/mattercontent.vue

@@ -7,7 +7,7 @@
 					<h3>{{matterlist.title }}</h3>
 				    <p>{{ matterlist.content }}</p>
 					<image class="uni-header-image" :src="'http://127.0.0.1:8080'+matterlist.picture"></image>
-					   <button @click="toggleFavorite">{{ isFavorite ? '❤️' : '🤍' }}</button>
+					<button class="likeBtn" @click="toggleFavorite">{{ isFavorite ? '❤️' : '🤍' }}</button>
 				</li>
 				</ul>
 		</view>
@@ -69,6 +69,17 @@
 	}
 </script>
 <style scoped>
-
+	.likeBtn{
+		width: 15vw;
+		height: 9vh;
+		border-radius: 50%;
+		background-color: #007AFF;
+		position: absolute;
+		right: 3%;
+		bottom: 3%;
+		font-size: 218%;
+		text-indent: -16%;
+		line-height: 190%;
+	}
 </style>
 

pages/me/nameAuthentication/nameAuthentication.vue

@@ -2,7 +2,7 @@
     <uni-section title="实名认证" type="line">
         <view class="example">
             <!-- 自定义表单校验 -->
-            <uni-forms ref="customForm" :rules="customRules" :modelValue="form">
+            <uni-forms ref="customForm" :rules="customRules" :modelValue="form" class="form">
                 <uni-forms-item label="姓名" required name="name">
                     <uni-easyinput v-model="form.name" placeholder="请输入姓名" maxlength="20"/>
                 </uni-forms-item>
@@ -16,8 +16,9 @@
 					<image :src="loadImgSrc(item)" v-for="(item, index1) in imageList" :key="index1">
 					</image>
 				</uni-forms-item>
-                <uni-forms-item label="身份证正反面" required name="path" v-if="form.id == null">
+                <uni-forms-item label="身份证正反面" required name="path" v-if="form.id == null" label-width="320">
                     <upload :imgArr="imageList" name="path" v-model="form.path" :fileSize="1" :limit="2"
+							style="position: relative;left: -5%;top: -10%;"
                             @updateImg="updateImg"></upload>
                 </uni-forms-item>
             </uni-forms>
@@ -123,5 +124,21 @@
     };
 </script>
 
-<style>
+<style scoped>
+	.form{
+		width: 100%;
+		padding-left: 3%;
+	}
+	::v-deep .item--uni-forms-item__label{
+		width: 19% !important;
+	}
+	::v-deep .uni-section-content{
+		padding: 0 2%;
+	}
+	::v-deep .uni-forms .uni-forms-item__label:nth-child(4){
+		width: 26% !important;
+	}
+	/* ::v-deep .easyinput--uni-easyinput{
+		margin-left: 10%;
+	} */
 </style>

pages/me/officialAuthentication/officialAuthentication.vue

@@ -2,9 +2,9 @@
     <uni-section title="官方认证" type="line">
         <view class="example">
             <!-- 自定义表单校验 -->
-            <uni-forms ref="customForm" :rules="customRules" :modelValue="form">
+            <uni-forms ref="customForm" :rules="customRules" :modelValue="form" class="form">
                 <uni-forms-item label="企业名称" required name="enterpriseName">
-                    <uni-easyinput v-model="form.enterpriseName" placeholder="请输入企业名称" maxlength="20"/>
+                    <uni-easyinput v-model="form.enterpriseName" placeholder="请输入企业名称" maxlength="20" style="width: 40%;"/>
                 </uni-forms-item>
                 <uni-forms-item label="法人姓名" required name="legalName">
                     <uni-easyinput v-model="form.legalName" placeholder="请输入法人姓名" maxlength="20"/>
@@ -13,11 +13,12 @@
                     <uni-easyinput v-model="form.phone" placeholder="请输入联系电话" maxlength="13"/>
                 </uni-forms-item>
 				<uni-forms-item label="证照信息" required class="onePic" v-if="form.id != null">
-					<image :src="loadImgSrc(item)" v-for="(item, index1) in imageList" :key="index1">
+					<image :src="loadImgSrcLocalhost(item)" v-for="(item, index1) in imageList" :key="index1">
 					</image>
 				</uni-forms-item>
                 <uni-forms-item label="证照信息" required name="path" v-if="form.id == null">
                     <upload :imgArr="imageList" name="path" v-model="form.path" :fileSize="1" :limit="2"
+					style="position: relative;left: -5%;top: -10%;"
                             @updateImg="updateImg"></upload>
                 </uni-forms-item>
             </uni-forms>
@@ -119,5 +120,15 @@
     };
 </script>
 
-<style>
+<style scoped>
+	.form{
+		width: 100%;
+		padding-left: 3%;
+	}
+	::v-deep .item--uni-forms-item__label{
+		width: 19% !important;
+	}
+	::v-deep .uni-section-content{
+		padding: 0 2%;
+	}
 </style>