修改样式

src/components/common/common-navbar.vue

 <template>
- <!-- v-if="!isWeb" -->
-  <section :class="isFixNavbar ? 'nav-top fixed' : 'nav-top'" :style="'height:' + navHeight">
+  <section  v-if="!isWeb" :class="isFixNavbar ? 'nav-top fixed' : 'nav-top'" :style="'height:' + navHeight">
     <div
       class="nav-part"
       :style="'background:' + bgColor + ';'

src/views/coupon-center/index.vue

@@ -65,7 +65,7 @@ export default {
   data() {
     return {
       couponList: [],
-      hasTips: false,
+      hasTips: true,
       show: false,
       token: "",
       couponToken: "",

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

@@ -42,7 +42,13 @@
         <div class="card-item-right flex shadow">
           <div class="card-item-right-center">
             <div class="pos-center">
-              <div :class="['right-coupon', hasUsed ? 'cr-c1c1c1' : '']">
+              <div
+                :class="[
+                  'right-coupon',
+                  'line-clamp2',
+                  hasUsed ? 'cr-c1c1c1' : '',
+                ]"
+              >
                 {{ couponDetail.couponName }}
               </div>
               <div
@@ -342,8 +348,13 @@ export default {
       &-center {
         padding-top: 18px;
         padding-left: 10px;
+        padding-right: 10px;
         padding-bottom: 18px;
         display: flex;
+        min-height: 100px;
+        align-items: center;
+        display: flex;
+
         // height: 100px;
         // flex: 1;
         // position: relative;
@@ -402,8 +413,10 @@ export default {
           margin-right: 11px;
           span {
             display: block;
-            /* width: 100%; */
-            width: 39px;
+            width: 100%;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
           }
         }
         // position: absolute;
@@ -467,5 +480,12 @@ export default {
   .flex {
     display: flex;
   }
+  .line-clamp2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
 }
 </style>