update: update

src/views/activityCenter/components/ListItem.vue

@@ -5,6 +5,7 @@
     </header>
     <div class="flex-wrap">
       <div class="card-item" v-for="card in list" :key="card" @click="jump(card.jumpUrl)">
+        <div class="remark-tag" v-if="card.activityRemark">{{ card.activityRemark }}</div>
         <el-image style="width: 40px; height: 40px;margin-right:12px;" :src="card.activityImage" fit="cover" />
         <div class="card-right">
           <p class="card-right-title">{{ card.activityName }}</p>
@@ -84,6 +85,7 @@ export default {
     .card-item {
       display: flex;
       align-items: center;
+      position: relative;
       width: 280px;
       height: 76px;
       padding-left: 16px;
@@ -107,6 +109,19 @@ export default {
         color: #606266;
         line-height: 17px;
       }
+      .remark-tag {
+        position: absolute;
+        right: 0;
+        top: 0;
+        padding: 0 8px;
+        color: #fff;
+        font-size: 12px;
+        font-weight: 500;
+        line-height: 20px;
+        text-align: center;
+        background: #fa8c16;
+        border-radius: 0px 4px 0px 4px;
+      }
     }
   }
 }