style: 新订阅引导呼吸灯效果添加

src/web/staticres/common-module/vipsubscribe/css/vip-subscribe-set-template.css

@@ -8,7 +8,7 @@
 }
 
 .vip-body .body-item {
-  padding: 0.3rem 0.32rem;
+  padding: 0!important;
   position: relative;
   background-color: #fff;
   /* border-bottom: 1px solid #cecece; */
@@ -42,6 +42,7 @@
 }
 .vip-body .item-container {
   display: block;
+  padding: 0.3rem 0.32rem;
 }
 
 .vip-body .body-item .item,
@@ -104,17 +105,17 @@
   0% {
     opacity: 0.3;
   }
-  70% {
+  50% {
     opacity: 1;
   }
   100% {
     opacity: 0.3;
   }
 }
-.vip-body .body-item.blink {
+.vip-body .body-item.blink .item-container {
   background: linear-gradient(90deg, rgba(143, 238, 244, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
-  /* opacity: 0.3;
-  animation: breathingLamp 1.8s ease-out infinite; */
+  opacity: 0.3;
+  animation: breathingLamp 1.2s ease-out infinite;
 }
 .vip-body .body-item.blink .item-r-text {
   color: #2cb7ca;
@@ -178,9 +179,7 @@
 
 .vip-body .project-match {
   margin-top: 0.16rem;
-  padding-top: 0.2rem !important;
-  padding-bottom: 0.2rem !important;
-  height: 1.1rem;
+  height: unset;
   box-shadow: 0px 8px 0px #f5f6f7;
 }
 

src/web/staticres/common-module/vipsubscribe/js/vip-subscribe-set-template.js

@@ -13,14 +13,14 @@ var subScribeTemplate = `
           <span class="iconfont icon-arrow"></span>
         </span>
       </div>
+      <div class="amendmentNum" v-show="vSwitch === 'f'">
+        当<span v-show="userAreaAllNum === 0">年</span><span v-show="userAreaAllNum > 0">月</span>剩余可修改次数：<span class="numColor" v-show="userAreaNum != -1">{{userAreaNum}}&nbsp;</span><span v-show="userAreaNum != -1">次</span><span v-show="userAreaNum === -1">无限制</span>
+        <i class="iconfont icon-bangzhu" @click.stop.prevent="amendmentNumNotice"></i>
+      </div>
     </a>
     <a class="step-container step-1" :href="linkobj.area" v-show="activity.blink === 1">
       <img src="/common-module/vipsubscribe/image/activity/step-1@2x.png" />
     </a>
-    <div class="amendmentNum" v-show="vSwitch === 'f'">
-      当<span v-show="userAreaAllNum === 0">年</span><span v-show="userAreaAllNum > 0">月</span>剩余可修改次数：<span class="numColor" v-show="userAreaNum != -1">{{userAreaNum}}&nbsp;</span><span v-show="userAreaNum != -1">次</span><span v-show="userAreaNum === -1">无限制</span>
-      <i class="iconfont icon-bangzhu" @click="amendmentNumNotice"></i>
-    </div>
     </li>
     <li class="body-item industry">
     <a class="item-container" :href="linkobj.industry" @click="userNoIndustry($event)">