26494

src/apps/AppVillageDiscuss/Detail.vue

@@ -32,7 +32,10 @@
       <div v-for="op in data.messages" :key="op.id">
         <div flex class="header">
           <u-avatar :src="op.avatar" size="48" />
-          <b class="fill" v-text="op.createUserName" />
+          <div flex class="fill">
+            <b v-text="op.createUserName" />
+            <span class="tags">{{ data.createUserId === op.createUserId ? '话事人' : '居民' }}</span>
+          </div>
           <u-icon name="thumb-up" :label="op.suport" :color="op.isSuport ? 'red' : '#ccc'"  @click="like(op.id)" />
         </div>
         <div class="content" v-text="op.content" />
@@ -348,6 +351,18 @@ export default {
     }
   }
 
+  .tags {
+    width: 80px;
+    height: 34px;
+    line-height: 34px;
+    margin-left: 16px;
+    text-align: center;
+    color: #fff;
+    font-size: 24px;
+    background: #1AAAFF;
+    border-radius: 8px;
+  }
+
   ::v-deep uni-video {
     width: 100%;
   }