From 3f5b7a370edc52659623197f27f0313dd5791587 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Wed, 28 Jun 2023 21:47:18 +0800
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=E6=8D=A2=E4=BA=86?=
 =?UTF-8?q?=E7=A7=8D=E5=AE=9E=E7=8E=B0=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/t-news.vue | 42 ++++++++++++++++++++----------------------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/views/t-news.vue b/src/views/t-news.vue
index c2ab4dd4..ab650f4f 100644
--- a/src/views/t-news.vue
+++ b/src/views/t-news.vue
@@ -107,15 +107,6 @@
           <div class="news-cover" @click="toPost(item)">
             <img :src="item.cover" alt="cover" />
             <div class="news-card-act">
-              <!-- 底层过渡 -->
-              <div
-                class="nca-status-bg"
-                :style="{
-                  background: item.status?.colorCss,
-                }"
-              >
-                {{ item.status?.status }}
-              </div>
               <div
                 class="nca-status"
                 :style="{
@@ -703,24 +694,31 @@ async function searchPost() {
   font-size: 12px;
 }
 
-.nca-status-bg {
-  position: absolute;
-  top: 0;
-  left: 0;
+.nca-status {
+  position: relative;
+  display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 5px 30px 5px 5px;
   clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);
-  opacity: 0.6;
-}
-
-.nca-status {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: 5px 20px 5px 5px;
-  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);
   color: #faf7e8;
+
+  &::after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgb(255 255 255/40%);
+    clip-path: polygon(
+      calc(100% - 25px) 0,
+      100% 0,
+      100% 100%,
+      calc(100% - 25px) 100%,
+      calc(100% - 10px) 50%
+    );
+    content: "";
+  }
 }
 
 .nca-time {