css

2021-12-22 09:44:40 +08:00
parent 98a617926e
commit d36c1add6c
3 changed files with 48 additions and 21 deletions
--- a/src/apps/AppUniMsg/Detail.vue
+++ b/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 {
-      margin-top: 30px;
-      width: 686px;
-      height: 486px;
+    .imgs {
+      margin-top: 32px;
+      img {
+        width: 224px;
+        height: 218px;
+        margin-right: 8px;
+      }
+      img:nth-child(3n) {
+        margin-right: 0;
+      }
    }
  }
 }