flat: 暂存

pages/recruit/subPage/enterpriceCertification/enterpriceCertification.vue

@@ -58,7 +58,8 @@
                     <view class="card_title">证件资料</view>
                     <view class="card_content">
                         <u-form-item labelWidth="100" prop="identityUrl4Id">
-                            <UploadIdNumber v-model="formData.identityUrl4Id" backImg="/static/img/idcard.png">
+                            <UploadIdNumber v-model="formData.identityUrl4Id" contentStyle="marginTop: 30rpx"
+                                backImg="/static/img/idcard.png">
                             </UploadIdNumber>
                         </u-form-item>
                         <u-form-item labelWidth="100" prop="identityUrl5Id">

pages/recruit/subPage/enterpriceCertification/uploadIdNumber.vue

@@ -1,8 +1,10 @@
 <template>
-    <view class="content">
+    <view class="content_upload" :style="contentStyle">
         <u-upload :fileList="ImgUrl" @afterRead="afterRead" :deletable="true" @delete="deletePic" name="6" :maxCount="1"
             :width="width" :height="height">
-            <image :src="backImg" mode="widthFix" :style="`width: ${width}px;height: ${height}px;`"></image>
+            <image :src="backImg" :style="`width: ${width}px;height: ${height}px;`"></image>
+            <image class="iconimg" src="/static/img/Takingpictures.png"
+                :style="`width: ${width/4}px;height: ${width/4}px;`"></image>
         </u-upload>
     </view>
 </template>
@@ -24,12 +26,16 @@
             },
             width: {
                 type: Number,
-                default: 250
+                default: 280
             },
             height: {
                 type: Number,
                 default: 150
             },
+            contentStyle: {
+                type: String,
+                default: ''
+            }
         },
         computed: {
             ImgUrl(val) {
@@ -55,7 +61,14 @@
 </script>
 
 <style scoped>
-    .content {
-        margin: 20rpx 0 0 0;
+    .content_upload {
+        position: relative;
+    }
+
+    .iconimg {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
     }
 </style>