feat: 置顶增加精品2字

src/views/forumPost/components/theRight.vue

@@ -7,9 +7,10 @@
         <div class="post-content" @click="handleOpen(item)" @mouseenter="showActions[index] = true"
           @mouseleave="showActions[index] = false">
           <div class="post-header">
-            <div class="post-title">
+          <div class="post-title">
-              {{ item.title || '无标题' }}
+            <span v-if="item.sfzd == 1" class="premium-tag">【精品】</span>
-            </div>
+            {{ item.title || '无标题' }}
+          </div>
             <div class="post-meta">
               <div class="post-time" style="margin-right: 20px;" title="发布人">{{ item.fbrxm || '暂无发布人' }}</div>
               <div class="post-time" title="发布时间">{{ item.time || '暂无时间' }}</div>
@@ -248,6 +249,23 @@ const load = () => {
   align-items: flex-start;
 }
 
+// 精品标签
+.premium-tag {
+  display: inline-block;
+  background: #ff6b6b;
+  color: white;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 2px 4px;
+  border-radius: 4px;
+  margin-right: 8px;
+  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
+  animation: premium-shine 2s ease-in-out infinite;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+
+
 // 帖子标题
 .post-title {
   font-size: 18px;
@@ -259,6 +277,8 @@ const load = () => {
   text-overflow: ellipsis;
   white-space: nowrap;
   transition: color 0.3s ease;
+  display: flex;
+  align-items: center;
 
   &:hover {
     color: #409eff;
@@ -450,6 +470,12 @@ const load = () => {
     font-size: 16px;
   }
 
+  .premium-tag {
+    font-size: 10px;
+    padding: 1px 6px;
+    margin-right: 6px;
+  }
+
   .post-text {
     font-size: 13px;
     -webkit-line-clamp: 2;