diff --git a/src/apps/AppVillagersCircle/detail.vue b/src/apps/AppVillagersCircle/detail.vue
index 2a63c1c6..766b757d 100644
--- a/src/apps/AppVillagersCircle/detail.vue
+++ b/src/apps/AppVillagersCircle/detail.vue
@@ -1,8 +1,19 @@
 <template>
   <div class="detail">
-    <div>
-
+    <div class="avatar-info">
+      <div class="avatar-img">
+        <img src="./img/tx@2x.png" alt="">
+        <!-- <img src="./img/tx@2x.png" alt=""> -->
+      </div>
+      <div class="avatar-title">
+        <div class="name">雷洋</div>
+        <div class="time">
+          <span>美丽庭院</span>
+          <span>2020-10-28 12:30</span>
+        </div>
+      </div>
     </div>
+    <div class="textarea">⾦秋穿上⽑⾐，漫步森林，在阳光下呼吸伸展，⾃在安逸的天⼈。也许是兰天名字的由来吧。</div>
   </div>
 </template>
 
@@ -24,6 +35,38 @@ export default {
 
 <style lang="scss" scoped>
 .detail {
+  background: #FFFFFF;
+  padding: 30px 32px;
+  box-sizing: border-box;
+
+  .avatar-info {
+    display: flex;
+    margin-bottom: 30px;
+    .avatar-img {
+      margin-right: 20px;
+      img {
+        width: 88px;
+        height: 88px;
+        border-radius: 50%;
+      }
+    }
+    .avatar-title {
+      .name {
+        font-size: 32px;
+        color: #333333;
+        font-weight: 600;
+        margin-bottom: 12px;
+      }
+      .time {
+        font-size: 26px;
+        color: #999999;
+      }
+    }
+  }
+  .textarea {
+    font-style: 32px;
+  }
+
 
 }
 </style>
\ No newline at end of file
diff --git a/src/saas/AppConflictMediation/detail.vue b/src/saas/AppConflictMediation/detail.vue
index 705abe14..b841d40e 100644
--- a/src/saas/AppConflictMediation/detail.vue
+++ b/src/saas/AppConflictMediation/detail.vue
@@ -7,7 +7,7 @@
       </div>
 
       <div class="right">
-        <div class="names"><AiOpenData v-if="data.openId" type="userName" :openid="data.openId" style="display: inline-block; font-size:12px;" />的上报</div>
+        <div class="names"><AiOpenData v-if="data.openId" type="userName" :openid="data.openId" style="display: inline-block;" />的上报</div>
 
         <div class="times">{{ data.createTime }}</div>
       </div>
@@ -63,7 +63,7 @@
             <div class="cardss-right">
               <div class="cardsss-right-left">
                 <div class="cardssss-right-left-top">
-                  <AiOpenData type="userName" :openid="transTxt(item.systemExplain)[1]"/>
+                  <AiOpenData type="userName" :openid="transTxt(item.systemExplain)[1]" style="display: inline-block;"/>
                   <div v-html="transTxt(item.systemExplain)[2]"/>
                   <div style="color: #2ea222; font-size: 16px; margin-top: 5px">
                     {{ $dict.getLabel('clapDoStatus', item.doStatus) }}