toUserList

src/apps/AppVillageDiscuss/userList.vue

@@ -2,9 +2,18 @@
   <div class="userList">
     <!-- <div v-if="data.length > 0"></div> -->
     <div class="datas" v-for="(item, index) in 10" :key="index">
-      <div class="avatLeft"></div>
+      <div class="avatLeft">李毅</div>
 
-      <div class="right"></div>
+      <div class="right">
+        <div class="top">
+          <span class="names">李毅</span>
+          <!-- <span>匿名用户</span> -->
+
+          <span class="times">1111</span>
+        </div>
+
+        <div class="bottom">选择了选择了三联村篮球队、蟠龙镇篮球队选择了三联村篮球队、蟠龙镇篮球队</div>
+      </div>
     </div>
 
     <AiEmpty description="暂无数据"></AiEmpty>
@@ -40,7 +49,44 @@ uni-page-body {
   // background: #fff;
   .datas {
     display: flex;
-    justify-content: space-between;
+
+    padding: 20px 32px 0 32px;
+
+    .avatLeft {
+      width: 80px;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      border-radius: 50%;
+      background: #4e8eee;
+
+      font-size: 28px;
+      font-weight: 500;
+      color: #ffffff;
+    }
+    .right {
+      border-bottom: 1px solid #ddd;
+      width: 100%;
+      margin: 10px 0 0 16px;
+      padding-bottom: 32px;
+      .top {
+        .names {
+          font-size: 32px;
+          color: #333333;
+        }
+        .times {
+          margin-left: 16px;
+          font-size: 28px;
+          color: #999999;
+        }
+      }
+
+      .bottom {
+        margin-top: 6px;
+        font-size: 30px;
+        color: #666666;
+      }
+    }
   }
 }
 </style>