css

src/apps/AppUniMsg/Add.vue

@@ -58,14 +58,16 @@ export default {
   mounted() {},
   methods: {
     getDetail() {
-      this.$http.post(`/app/appmininotice/queryDetailById?id=${this.id}`).then((res) => {
+      if (this.id) {
-        if (res?.data) {
+        this.$http.post(`/app/appmininotice/queryDetailById?id=${this.id}`).then((res) => {
-          this.forms = res.data
+          if (res?.data) {
-          if (res.data.images) {
+            this.forms = res.data
-            this.forms.images = JSON.parse(res.data.images || '[]')
+            if (res.data.images) {
+              this.forms.images = JSON.parse(res.data.images || '[]')
+            }
           }
-        }
+        })
-      })
+      }
     },
 
     submit() {
@@ -113,11 +115,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+uni-page-body {
+  height: 100%;
+}
 .add {
   height: 100%;
-  padding-bottom: 112px;
 
   .header-description {
+    padding-bottom: 112px;
     ::v-deep .u-form {
       .u-form-item {
         padding: 0 45px !important;

src/apps/AppUniMsg/AppUniMsg.vue

@@ -19,7 +19,9 @@
             <span>{{ item.createTime }}</span>
           </div>
 
-          <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" />
+          <div class="imgs">
+            <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" />
+          </div>
         </template>
 
         <template #menu>
@@ -149,6 +151,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+uni-page-body {
+  height: 100%;
+}
 .AppUniMsg {
   height: 100%;
   ::v-deep .AiCard {
@@ -163,13 +168,16 @@ export default {
           color: #333;
           font-family: 500;
         }
-        img {
+        .imgs {
-          width: 200px;
+          margin-top: 10px;
-          height: 200px;
+          img {
-          margin-right: 8px;
+            width: 200px;
-        }
+            height: 200px;
-        img:nth-child(3n) {
+            margin-right: 8px;
-          margin-right: 0;
+          }
+          img:nth-child(3n) {
+            margin-right: 0;
+          }
         }
       }
     }
@@ -189,6 +197,12 @@ export default {
     }
   }
 
+  .u-load-more-wrap {
+    background: #f3f6f9 !important;
+    margin: 0 !important;
+    padding: 34px 0;
+  }
+
   .AiFixedBtn {
     .movableArea {
       .addBtn {

src/apps/AppUniMsg/Detail.vue

@@ -12,7 +12,9 @@
     <div class="header-middle">
       <span class="contsnts">{{ data.content }}</span>
 
-      <img :src="item.url" alt="" v-for="(item, i) in data.images" :key="i" />
+      <div class="imgs">
+        <img :src="item.url" alt="" v-for="(item, i) in data.images" :key="i" />
+      </div>
     </div>
   </div>
 </template>
@@ -82,10 +84,16 @@ uni-page-body {
       line-height: 1.5;
       word-break: break-all;
     }
-    img {
+    .imgs {
-      margin-top: 30px;
+      margin-top: 32px;
-      width: 686px;
+      img {
-      height: 486px;
+        width: 224px;
+        height: 218px;
+        margin-right: 8px;
+      }
+      img:nth-child(3n) {
+        margin-right: 0;
+      }
     }
   }
 }