25138

src/apps/AppNotification/AppNotification.vue

@@ -8,7 +8,8 @@
         <div class="card" v-for="(item,idx) in dataList" :key="idx" @click="handeClick(item)">
           <template v-if="!item.imgUrl">
             <label>
-              <b v-if="index==0 && item.readStatus==0"></b>
+              <span class="status" v-if="index==0 && item.readStatus==0">未读</span>
+              <span class="status read" v-if="index==0 && item.readStatus!=0">已读</span>
               <div class="tag" v-if="index==1" :style="color(item.status)">
                 {{ $dict.getLabel("announcementStatus", item.status) }}
               </div>
@@ -137,6 +138,7 @@ export default {
   methods: {
     emitShow() {
       const {id} = this.$route.query
+      console.log(this.$route.query);
       if (id) {
         this.comp = "detail";
         this.params = {
@@ -294,14 +296,21 @@ export default {
         line-height: 44px;
       }
 
-      b {
+      .status {
         display: inline-block;
-        font-style: normal;
-        width: 16px;
-        height: 16px;
-        border-radius: 50%;
-        background: #FF4466;
-        margin-right: 8px;
+        width: 88px;
+        height: 36px;
+        font-size: 26px;
+        color: #FF8822;
+        background:rgba(255,136,34,.1);
+        line-height: 36px;
+        text-align: center;
+        margin-right: 4px;
+      }
+
+      .read{
+        background: rgba(102,102,102,.1);
+        color: #666666;
       }
 
       .tag {