chore: 课程问答增加标识

src/modules/discuss/src/discuss.vue

@@ -18,9 +18,33 @@
             <img class="img" src="../assets/images/person-default.jpg" />
           </template>
           <div class="right">
-            <div class="name">{{ item.questioner.nickname }}</div>
+            <div class="name">
+              {{ item.questioner.nickname
+              }}<el-button round plain type="primary" size="mini" v-if="item.is_teacher">教务老师</el-button>
+            </div>
             <div class="time">{{ item.created_time }}</div>
           </div>
+          <div class="is-top" v-if="item.is_top === 1">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="icon icon-tabler icon-tabler-arrow-bar-to-up"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              stroke-width="2"
+              stroke="currentColor"
+              fill="none"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+              <line x1="12" y1="10" x2="12" y2="20"></line>
+              <line x1="12" y1="10" x2="16" y2="14"></line>
+              <line x1="12" y1="10" x2="8" y2="14"></line>
+              <line x1="4" y1="4" x2="20" y2="4"></line>
+            </svg>
+            置顶
+          </div>
         </div>
         <div class="title">{{ item.title }}</div>
         <div :class="['text']" v-html="item.contents"></div>
@@ -140,29 +164,49 @@ export default {
   cursor: pointer;
 }
 .item-list .user {
+  display: flex;
+  align-items: center;
   position: relative;
   overflow: hidden;
+  .is-top {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 10px;
+    svg {
+      width: 14px;
+      height: 14px;
+      vertical-align: middle;
+      margin-right: 5px;
+    }
+    height: 24px;
+    font-size: 14px;
+    line-height: 24px;
+    background-color: #e5e5e5;
+    border-radius: 12px;
+  }
 }
 .item-list .user .img {
-  float: left;
   width: 0.6rem;
   height: 0.6rem;
   background: #e5e5e5;
   border-radius: 50%;
 }
 .item-list .user .right {
-  position: absolute;
-  left: 0.72rem;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  transform: translateY(-50%);
+  flex: 1;
+  margin-left: 0.12rem;
 }
 .item-list .user .right .name {
+  display: flex;
+  align-items: center;
   font-size: 0.18rem;
   color: #313131;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;
+  .el-button {
+    margin-left: 10px;
+  }
 }
 .item-list .user .right .time {
   margin-top: 0.05rem;

src/modules/discuss/src/discussDetail.vue

@@ -10,11 +10,11 @@
           <div class="time">{{ detail.created_time }}</div>
         </div>
         <div class="tools">
-          <div class="right-txt" @click="toggleLike">
+          <div class="right-txt" @click="toggleLike" v-if="false">
             <i class="el-icon-thumb"></i>
             {{ $t('DiscussModule.DiscussDetail.like') }}({{ detail.tag_count }})
           </div>
-          <div class="right-txt" @click="commentVisible = !commentVisible">
+          <div class="right-txt" @click="commentVisible = !commentVisible" v-if="false">
             <i class="el-icon-chat-round"></i>
             {{ $t('DiscussModule.DiscussDetail.discuss') }}({{ detail.comments ? detail.comments.length : 0 }})
           </div>