头像转换

src/apps/AppIntegralAudit/AppIntegralAudit.vue

@@ -68,7 +68,7 @@ export default {
     },
 
     toDetail() {
-      uni.navigateTo('./detail')
+      uni.navigateTo({url: './detail'})
     }
   },
   onShow() {
@@ -180,6 +180,7 @@ export default {
 
         .num {
           font-size: 34px;
+          color: #E6736E;
         }
 
         .status0 {

src/apps/AppIntegralAudit/detail.vue

@@ -1,6 +1,26 @@
 <template>
-  <div>
-    详情
+  <div class="detail">
+    <div class="detail-list">
+      <div>
+        <div>申请人:<div>李毅</div></div>
+        <div>新冠疫苗接种</div>
+      </div>
+      <div>
+        <div>2020-05-06 13:45</div>
+        <div>
+          <img src="" alt="">
+          <div>新港镇三联村</div>
+        </div>
+      </div>
+      <div>
+        经村两委及村篮球队青年商讨决定，我村赴黎平参加百村杯篮球赛经费分两阶段分发，第一阶段为小组循环赛，第二阶段为淘汰赛。
+        第一阶段费用预计一万元整，其中包括队员球服两套，住宿、饮食
+      </div>
+      <div>
+        <img :src="item.url" alt="" v-for="(item, i) in data.files" :key="i" @click="previewImage(data.files, item.url)" />
+      </div>
+    </div>
+
   </div>
 </template>
 
@@ -9,10 +29,13 @@ export default {
   name: 'detail',
   data () {
     return {
+      data: {
+        files: []
+      }
     }
   },
   methods: {
-
+    previewImage() {}
   },
   onShow() {
     document.title = '积分审核'
@@ -25,5 +48,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.detail {}
+.detail {
+
+  img {
+      width: 220px;
+      height: 220px;
+      margin-right: 8px;
+    }
+    img:nth-child(3n) {
+      margin-right: 0;
+    }
+}
 </style>