留言

src/views/account/MessageAdd.vue

@@ -14,9 +14,9 @@
                 type="textarea"
                 maxlength="300"
                 show-word-limit
-                :rules="[{ required: true, message: '请填写用户名' }]"
+                :rules="[{ required: true, message: '请输入问题描述' }]"
             />
-            <van-field name="uploader" label="上传凭证">
+            <van-field name="uploader" required label="上传凭证" :rules="[{ required: true, message: '请上传凭证' }]">
                 <template #label>
                     <div class="title">
                         <span>上传凭证</span>
@@ -98,9 +98,11 @@ export default {
                 });
         },
         afterRead(file, e) {
+            file.status = 'uploading';
             this.updateFile(file, 'id', 1000).then(img => {
                 console.log(img);
                 file.url = img;
+                file.status = 'done';
             });
         }
     }
@@ -166,6 +168,7 @@ export default {
     width: auto;
 }
 .title {
+    display: inline-block;
     span {
         font-size: 14px;
         font-weight: normal;

src/views/account/MessageDetail.vue

@@ -37,6 +37,18 @@
             <div class="message-text">
                 {{ info.replyDetail }}
             </div>
+            <div class="message-imgs" v-if="info.replyPic && info.replyPic.length > 0">
+                <van-image
+                    width="66"
+                    height="66"
+                    v-for="(item, index) in info.replyPic"
+                    :key="index"
+                    :src="item"
+                    fit="cover"
+                    radius="8"
+                    @click="preview(index, info.replyPic)"
+                />
+            </div>
         </div>
     </div>
 </template>

src/views/product/List.vue

@@ -324,7 +324,7 @@ export default {
 /deep/.sala {
     position: absolute;
     right: 16px;
-    top: 57px;
+    top: 7px;
     color: @text3!important;
     min-width: 92px;
     font-size: 14px;