美博会样式调整

src/main/resources/static/css/activity/beautyTopic.css

@@ -362,7 +362,7 @@ a{color:#333;text-decoration:none}
 .banner-container{position:relative;width:100vw;height:45vw;background:pink;overflow:hidden}
 .banner-container .banner{width:100vw;position:absolute;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
 .banner-container .cm-container{height:100%;padding: 0;}
-.banner-container img{display:block;height:100%}
+.banner-container img{display:block;height:100%;width: 100%;}
 .has-player{position:absolute;top:0;left:0;width:100%;height:100%;}
 .has-player::before{content:'';display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6vw;height:6vw; background:url(/img/activity/pc-palyer.png) no-repeat center center;background-size: 6vw;}
 .cm-to-top{width:12vw;height:12vw;position:fixed;z-index:999;bottom:5%;right:15px;border-radius:6px;text-align:center;background:#fff;cursor:pointer;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}

src/main/resources/static/css/activity/couponExp.css

@@ -1,61 +1,12 @@
-body {
-    background-color: f5f5f5;
-}
-
-.banner-container {
-    position: relative;
-    width: 100%;
-    height: 480px;
-    overflow: hidden;
-}
-
-.banner-container .cm-container {
-    position: absolute;
-    width: 1920px;
-    height: 480px;
-    left: 50%;
-    top: 0;
-    transform: translateX(-50%);
-}
-
-.cm-content {
-    width: 1200px;
-    margin: 0 auto 80px;
-    background: #fff;
-}
-
-.cm-content img {
-    width: 100%;
-}
-
-
-.cm-footer {
-    background: #4a4f58;
-    padding: 28px;
-    text-align: center;
-    color: #fff;
-    font-size: 14px;
-}
-
-.cm-content-h5 {
-    display: none;
-}
-.cm-content-h5 img{
-    display: block;
-    width: 100%;
-}
-
-@media (max-width: 1200px) {
-    .cm-content {
-        width: 850px !important;
-    }
-}
-
-@media (max-width: 760px) {
-    .cm-content-h5 {
-        display: block;
-    }
-    .banner-container,.cm-content{
-        display: none !important;
-    }
+body{background-color:f5f5f5}
+.banner-container{position:relative;width:100%;height:480px;overflow:hidden}
+.banner-container .cm-container{position:absolute;width:1920px;height:480px;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
+.cm-content{width:1200px;margin:0 auto 80px;background:#fff}
+.cm-content img{width:100%}
+.cm-footer{background:#4a4f58;padding:28px;text-align:center;color:#fff;font-size:14px}
+.cm-content-h5{display:none}
+.cm-content-h5 img{display:block;width:100%}
+@media (max-width:1200px){.cm-content{width:850px !important}
+}@media (max-width:760px){.cm-content-h5{display:block}
+.banner-container,.cm-content{display:none !important}
 }

src/main/resources/templates/activity/beautyTopic.html

@@ -788,8 +788,8 @@
 
     <div class="cm-entry" v-show="showCouponEntry">
         <div class="cm-icon-content">
-            <a href="/product-6898.html" target="_blank"><span class="btn btn1"></span></a>
-            <a href="/product/couponExp.html" target="_blank"><span class="btn btn2"></span></a>
+            <a href="/product-6898.html" @click="handleToggleCoupon(false)"" target="_blank"><span class="btn btn1"></span></a>
+            <a href="/product/couponExp.html" @click="handleToggleCoupon(false)"" target="_blank"><span class="btn btn2"></span></a>
             <span class="cm-close" @click="handleToggleCoupon(false)"></span>
             <img src="https://static.caimei365.com/app/img/icon2/coupon-entry-h5.png" alt="" v-if="!isMobile"/>
             <img src="https://static.caimei365.com/app/img/icon2/coupon-entry-pc.png" alt="" v-else/>