健康监测

src/apps/AppEpidemicSituation/Health.vue

@@ -60,10 +60,15 @@
 
       <template>
         <!-- v-if="data.length" -->
-        <div v-for="(item, i) in 10" :key="i" @click.native="goDetail()" :ref="item.id">
-          <div>1</div>
+        <div class="templates" v-for="(item, i) in 10" :key="i" @click="goDetail()">
+          <!-- <img :src="" alt=""  v-if='item.avatar'/> -->
+          <img src="./components/img/user-img.png" alt="" />
 
-          <div>2</div>
+          <div class="rightCont">
+            <div class="rightContLeft">1</div>
+
+            <u-icon name="arrow-right" color=""></u-icon>
+          </div>
         </div>
       </template>
 
@@ -211,6 +216,23 @@ export default {
       height: 4px;
       background: #f5f5f5;
     }
+
+    .templates {
+      display: flex;
+      align-items: center;
+
+      padding: 32px;
+      box-shadow: inset 0px -1px 0px 0px #dddddd;
+      img {
+        width: 128px;
+        height: 128px;
+        // border-radius: 50%;
+        // border: 1px solid #cccccc;
+      }
+      .rightCont {
+        margin-left: 32px;
+      }
+    }
   }
 }
 </style>