diff --git a/src/apps/AppVillagersCircle/commentDetail.vue b/src/apps/AppVillagersCircle/commentDetail.vue
index 4e492c45..bacccc75 100644
--- a/src/apps/AppVillagersCircle/commentDetail.vue
+++ b/src/apps/AppVillagersCircle/commentDetail.vue
@@ -10,6 +10,7 @@
         </div>
         <div class="time">
           <span v-if="data.villagerCircleInfo && data.villagerCircleInfo.topic">{{ $dict.getLabel('villagerCircleTopic',data.villagerCircleInfo.topic) }}</span>
+          <span>|</span>
           <span v-if="data.villagerCircleInfo && data.villagerCircleInfo.createTime">{{ data.villagerCircleInfo.createTime }}</span>
         </div>
       </div>
@@ -164,6 +165,9 @@ export default {
       .time {
         font-size: 26px;
         color: #999999;
+        span {
+          padding: 0 6px;
+        }
       }
     }
   }
diff --git a/src/apps/AppVillagersCircle/infoDetail.vue b/src/apps/AppVillagersCircle/infoDetail.vue
index ea6f633d..5290af27 100644
--- a/src/apps/AppVillagersCircle/infoDetail.vue
+++ b/src/apps/AppVillagersCircle/infoDetail.vue
@@ -10,6 +10,7 @@
         </div>
         <div class="time">
           <span>{{ $dict.getLabel('villagerCircleTopic',data.topic) }}</span>
+          <span>|</span>
           <span>{{ data.createTime }}</span>
         </div>
       </div>
@@ -138,6 +139,9 @@ export default {
       .time {
         font-size: 26px;
         color: #999999;
+        span {
+          padding: 0 6px;
+        }
       }
     }
   }