feat: 活动期间新增订阅页面顶部横幅去续费

src/jfw/modules/app/src/web/staticres/jyapp/vipsubscribe/js/vip_index_new.js

@@ -1,5 +1,6 @@
 function showGiveStatus (t) {
     if (t) {
+        $(".banner-ad-box").css('display', 'flex')
         $("#giveTimeBox").addClass('hasDoubleEleven')
         $('.discount-button').show().on('click', function () {
             var details = $('.discount-details')
@@ -14,6 +15,7 @@ function showGiveStatus (t) {
     } else {
         $("#giveTimeBox").removeClass('hasDoubleEleven')
         $(".origin-price").hide()
+        $(".banner-ad-box").hide()
     }
 }
 // 拦截获取价格接口读取11.11活动信息

src/jfw/modules/app/src/web/templates/vipsubscribe/vip_index_new.html

@@ -77,6 +77,21 @@
     .sub-info{
         min-height: 4.5rem;
     }
+      .banner-ad-box {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          justify-content: space-between;
+          background: rgba(251, 72, 61, 0.88);
+          border-radius: 8px;
+          margin: 0.24rem .24rem;
+          padding: 0.16rem 0.32rem;
+          color: #fff;
+          font-size: 0.26rem;
+      }
+      .banner-ad-box .iconfont.icon-arrow {
+          color: #fff;
+      }
   </style>
 </head>
 
@@ -121,6 +136,10 @@
         <ul class="vip-body">
 
           <li class="sub-box">
+           <a href="/jyapp/vipsubscribe/introducePage?type=renew" class="banner-ad-box" style="display: none">
+               <span>现在购买或续费，买多久送多久，错过再等一年！</span>
+               <i class="iconfont icon-arrow"></i>
+           </a>
             <ul class="sub-info">
               <li class="area">
                 <a class="item-container" href="/jyapp/vipsubscribe/toChangeArea">

src/jfw/modules/app/src/web/templates/vipsubscribe/vip_introduce.html

@@ -151,12 +151,19 @@
             <span class="vi-footer-r" id="vip-introduce" onclick="window.location.replace('/jyapp/vipsubscribe/vipsubscribe_new{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}')">
                 <span class="text">开通 超级订阅</span>
             </span>
+            <span style="display: none;" class="vi-footer-r" id="vip-introduce-renew" onclick="window.location.replace('/jyapp/vipsubscribe/vipsubscribe_renew{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}')">
+                <span class="text">去续费</span>
+            </span>
         </div>
     </div>
 </div>
 <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/jquery.min.js"></script>
 <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "mod_version"}}"></script>
 <script>
+        if (location.href.lastIndexOf('type=renew') !== -1) {
+            $("#vip-introduce").hide()
+            $("#vip-introduce-renew").show()
+        }
     $(function(){
         try{
             //隐藏底部栏 0:隐藏；1:显示

src/web/staticres/vipsubscribe/js/vip_index_new.js

@@ -1,5 +1,6 @@
 function showGiveStatus (t) {
     if (t) {
+        $(".banner-ad-box").css('display', 'flex')
         $("#giveTimeBox").addClass('hasDoubleEleven')
         $('.discount-button').show().on('click', function () {
             var details = $('.discount-details')
@@ -17,6 +18,7 @@ function showGiveStatus (t) {
     } else {
         $("#giveTimeBox").removeClass('hasDoubleEleven')
         $(".origin-price").hide()
+        $(".banner-ad-box").hide()
     }
 }
 // 拦截获取价格接口读取11.11活动信息

src/web/templates/weixin/vipsubscribe/vip_index_new.html

@@ -47,6 +47,21 @@
         .item-label-other{
           width: 4rem;
         }
+    .banner-ad-box {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        background: rgba(251, 72, 61, 0.88);
+        border-radius: 8px;
+        margin: 0.24rem .24rem;
+        padding: 0.16rem 0.32rem;
+        color: #fff;
+        font-size: 0.26rem;
+    }
+    .banner-ad-box .iconfont.icon-arrow {
+        color: #fff;
+    }
     </style>
 </head>
 
@@ -73,6 +88,10 @@
     </div>
     <ul class="vip-body">
         <li class="sub-box">
+            <a href="/front/vipsubscribe/introducePage?type=renew" class="banner-ad-box" style="display: none">
+                <span>现在购买或续费，买多久送多久，错过再等一年！</span>
+                <i class="iconfont icon-arrow"></i>
+            </a>
           <ul class="sub-info">
             <li class="area">
               <a class="item-container" href="/front/vipsubscribe/toChangeArea">

src/web/templates/weixin/vipsubscribe/vip_introduce.html

@@ -143,9 +143,12 @@
                     <span class="text">试用7天</span>
                 </span>
                 {{end}}
-                <span class="vi-footer-r" onclick="window.location.replace('/front/vipsubscribe/vipsubscribe_new{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}')">
+                <span class="vi-footer-r" id="vip-introduce" onclick="window.location.replace('/front/vipsubscribe/vipsubscribe_new{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}')">
                     <span class="text">开通 超级订阅</span>
                 </span>
+                <span class="vi-footer-r" style="display: none;" id="vip-introduce-renew"  onclick="window.location.replace('/front/vipsubscribe/vipsubscribe_renew{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}')">
+                    <span class="text">去续费</span>
+                </span>
             </div>
         </div>
     </div>
@@ -153,6 +156,10 @@
     <script src="/js/jquery-3.2.1.min.js?v={{Msg "seo" "version"}}"></script>
     <script src="/vipsubscribe/js/share.js?v={{Msg "seo" "version"}}"></script>
     <script>
+    if (location.href.lastIndexOf('type=renew') !== -1) {
+        $("#vip-introduce").hide()
+        $("#vip-introduce-renew").show()
+    }
         initShare({{.T.signature }});
         $.ajax({
             url: '/jyactive/doubleEleven/isActiving',
@@ -171,4 +178,4 @@
     {{include "/common/baiducc.html"}}
 </body>
 
-</html>
+</html>