修改样式

src/views/coupon/components/coupon-item.vue

 <template>
   <div class="card-main">
-    <div v-if="couponDetail" class="card-item shadow">
+    <div v-if="couponDetail" class="card-item">
       <div class="flex stretch">
-        <div :class="['card-item-left ', 'shadow', hasUsed ? 'bg-fbfcfb' : '']">
+        <div
+          :class="[
+            'card-item-left ',
+            showTips ? 'shadow' : '',
+            hasUsed ? 'bg-fbfcfb' : '',
+          ]"
+        >
           <div v-if="couponDetail.storageStatus && hasStock" class="surplus">
             剩{{ couponDetail.stock }}张
           </div>
@@ -39,7 +45,7 @@
           <div class="bar-center" />
           <div class="bar-bottom" />
         </div>
-        <div class="card-item-right flex shadow">
+        <div :class="['card-item-right', 'flex', showTips ? 'shadow' : '']">
           <div class="card-item-right-center">
             <div class="pos-center">
               <div
@@ -127,13 +133,18 @@
             </div>
           </div>
           <img
-            v-if="imgList[couponDetail.couponStatus]"
+            v-if="!hasDown && imgList[couponDetail.couponStatus]"
             class="use-image"
             :src="
               imgList[couponDetail.couponStatus] &&
               imgList[couponDetail.couponStatus].url
             "
           />
+          <img
+            v-if="hasDown"
+            class="use-image"
+            src="https://files.yunqueyi.com/image/png/common/20240425190912170.png"
+          />
         </div>
       </div>
       <div v-if="showTips && hasTips" class="coupon-desc">
@@ -199,18 +210,18 @@ export default {
           url: "https://files.yunqueyi.com/image/png/common/20240425190937198.png",
           label: "已使用",
         },
-        1: {
-          url: "https://files.yunqueyi.com/image/png/common/20240425190912170.png",
-          label: "已领取",
-        },
+        // 1: {
+        //   url: "https://files.yunqueyi.com/image/png/common/20240425190912170.png",
+        //   label: "已领取",
+        // },
         3: {
           url: "https://files.yunqueyi.com/image/png/common/2024042519090037.png",
           label: "已领完",
         },
-        2: {
-          url: "https://files.yunqueyi.com/image/png/common/20240425190912170.png",
-          label: "已领取",
-        },
+        // 2: {
+        //   url: "https://files.yunqueyi.com/image/png/common/20240425190912170.png",
+        //   label: "已领取",
+        // },
         5: {
           url: "https://files.yunqueyi.com/image/png/common/20240425190926718.png",
           label: "已过期",
@@ -374,7 +385,7 @@ export default {
     &-right {
       position: relative;
       background: #ffffff;
-      border-radius: 0 11px 1px 0;
+      border-radius: 0 11px 11px 0;
       flex: 1;
       //   min-height: 200rpx;
       justify-content: space-between;
@@ -476,7 +487,8 @@ export default {
       font-size: 12px;
       color: #929292;
       line-height: 16px;
-      padding: 10px;
+      padding: 20px 10px 10px;
+      margin-top: -10px;
     }
   }
   .shadow {