客户信息居中

src/views/recharge/gold/addCoinRecharge.vue

@@ -684,9 +684,9 @@ onMounted(() => {
       <el-form-item prop="voucher" label="交款凭证" style="margin-bottom: 5px">
         <el-upload :http-request="customUpload" class="avatar-uploader" :show-file-list="false"
                    :before-upload="beforeAvatarUpload" style="width: 100px; height: 115px">
-          <img v-if="imageUrl" :src="imageUrl" class="avatar" style="width: 100px; height: 115px" />
+          <img v-if="imageUrl" :src="imageUrl" class="avatar" style="width: 100px; height: 115px"/>
           <el-icon v-else class="avatar-uploader-icon" style="width: 100px; height: 100px">
-            <Plus />
+            <Plus/>
           </el-icon>
         </el-upload>
         <p style="margin-left: 10px; color: rgb(177, 176, 176)">
@@ -868,11 +868,22 @@ p {
 }
 
 /* 上传图片的格式 */
-.avatar-uploader  {
+.avatar-uploader .avatar {
   width: 50px;
   height: 50px;
   display: block;
 }
+</style>
+
+<style>
+.error-message {
+  color: red;
+  font-size: 8px;
+}
+
+.is-invalid .el-input__inner {
+  border-color: red;
+}
 
 .avatar-uploader .el-upload {
   border: 1px dashed var(--el-border-color);
@@ -895,7 +906,6 @@ p {
   text-align: center;
 }
 
-
 .add-form {
   margin-top: 50px;
   max-width: 50%;