From 4f2e13a79500caa8557c790f6db85291881ed557 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Fri, 7 Jan 2022 18:31:24 +0800
Subject: [PATCH] toUserList

---
 src/apps/AppVillageDiscuss/userList.vue | 52 +++++++++++++++++++++++--
 1 file changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/apps/AppVillageDiscuss/userList.vue b/src/apps/AppVillageDiscuss/userList.vue
index 2bbf40bd..782e50c2 100644
--- a/src/apps/AppVillageDiscuss/userList.vue
+++ b/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>