25864

src/apps/AppMarryAndDie/AppMarryAndDie.vue

@@ -10,7 +10,7 @@
             <span class="titlesContent">查看全部活动和本月新增</span>
           </div>
 
-         <img src="./img/1.png" alt="" />
+          <img src="./img/1.png" alt="" />
         </div>
 
         <div class="card" @click="toList(1)">
@@ -37,7 +37,7 @@
             <span class="titlesContent">查看全部丧礼和本月新增</span>
           </div>
 
-           <img src="./img/4.png" alt="" />
+          <img src="./img/4.png" alt="" />
         </div>
       </div>
 
@@ -74,6 +74,15 @@
               <span class="right">{{ item.address }}</span>
             </div>
 
+            <div class="contents">
+              <span>上报内容</span>
+              <span class="right">{{ item.content }}</span>
+            </div>
+
+            <div class="imgs">
+              <img :src="e.url" alt="" v-for="(e, i) in item.files" :key="i" />
+            </div>
+
             <span class="types" :style="{ background: item.type == 0 ? '#FF65B8' : item.type == 1 ? '#FF883C' : '#1AAAFF' }">
               {{ $dict.getLabel('marriageType', item.type) }}
             </span>
@@ -349,8 +358,10 @@ uni-page-body {
         .names,
         .phones,
         .times,
-        .areaNames {
+        .areaNames,
+        .contents {
           display: flex;
+          margin-top: 8px;
           .right {
             width: 76%;
             margin-left: 32px;
@@ -364,6 +375,23 @@ uni-page-body {
             -webkit-box-orient: vertical;
           }
         }
+        .contents {
+          .right {
+            -webkit-line-clamp: 3;
+          }
+        }
+        .imgs {
+          margin-top: 8px;
+          img {
+            width: 201px;
+            height: 204px;
+            margin-right: 8px;
+          }
+          img:nth-child(3n) {
+            margin-right: 0;
+          }
+        }
+
         .types {
           display: inline-block;
           margin-top: 32px;