APP订阅页面

src/jfw/modules/app/src/web/staticres/jyapp/css/subscribe.css

@@ -856,7 +856,7 @@ font-weight: bold;
   position: relative;
   padding: 12px 10px;
   background: #fff;
-/*      border-bottom: 1px solid #E6E6E6;*/
+      border-bottom: 1px solid #E6E6E6;
 }
 
 /*.filter_tab:after {
@@ -1542,7 +1542,7 @@ body .loading_ p span {
 
 .app-content {
     display: none;
-    justify-content: space-between;
+/*    justify-content: space-between;*/
     flex-direction: column;
     overflow: hidden;
     height: 100%;
@@ -1595,10 +1595,10 @@ html, body {
   background-position: left center;
 }
 .app-layout-header .switch{
-/*  padding: 0px 10px;
+  padding: 0px 10px;
   border-radius: 24px;
   display: flex;
-  position: relative;*/
+  position: relative;
 }
 .app-layout-header .switch>span{
   max-width: 2.5rem;
@@ -1642,7 +1642,7 @@ html, body {
   color: #2ABED1;
 }
 .app-layout-header .only-personal{
-/*  background: linear-gradient(270deg, #F1D090 0%, #FAE7CA 100%);*/
+  background: linear-gradient(270deg, #F1D090 0%, #FAE7CA 100%);
 }
 .vip_report {
   color: #686868;

src/jfw/modules/app/src/web/templates/weixin/historypush.html

@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/jyapp/vipsubscribe/css/weui.min.css?v={{Msg "seo" "version"}}"/>
     <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/jyapp/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}"/>
     <script>
+		//
     		function afterReceivePushMessage(type,url){
           if(type=="bid" || type=="vipreport"){
             JyObj.showRedSpotOnMenu("subscribe");
@@ -106,6 +107,7 @@
                 window.location.href = '/jyapp/wxkeyset/keyset/seniorset';
             });
             $(".listcontent").scroll(function () {
+				console.log(3333)
                 scrollTop = $(this).scrollTop();
             });
             this.isCanSwitch=true;
@@ -298,19 +300,44 @@
             $.post("/jyapp/myinfo?t="+new Date().getTime(),null,function(r){
               if(r.userType=="vip"){
                 $(".switch").addClass("only-vip");
-                $(".switch>span").text("VIP订阅");
+                $(".switch>span").text("VIP订阅").show();
                 $(".switch").click(tosetpage);
                 thisClass.InitVip(r);
               }else{
-                $(".switch").addClass("only-personal");
-                $(".switch>span").text("￥5.8 开通VIP");
+				setTimeout(function(){
+					if (scrollTop==0){
+						$(".header_header").show();
+					}
+				},200)
+				$(".switch").addClass("only-personal");
+                $(".switch>span").text("免费试用 VIP");
                 $(".switch").click(tointroducepage);
+                $(".switch_ext").click(tointroducepage);
                 thisClass.InitPersonal(r);
                 userMergeQuery();
+				extend();
               }
             });
         }
-
+		function extend(){
+			window.listScroll = function() {
+			    var nowT = $(".listcontent").scrollTop()
+			    if (nowT > 0) {
+			        $(".header_header").css({height: (60 - nowT) +'px'})
+			        if (nowT > 50) {
+			            $(".header_header").hide();
+						$(".switch").show();
+			        }else{
+						$(".header_header").show();
+						$(".switch").hide();
+					}
+			    } else {
+			        $(".header_header").css({height: (60) +'px'})
+			        $(".header_header").show()
+					$(".switch").hide();
+			    }
+			 }
+		}
         //页面渲染处理
         function showPage() {
             //时间渲染
@@ -799,8 +826,8 @@
   <ul>
     <li>订阅</li>
     <li>
-      <div class="switch">
-        <span style="display:none;"></span>
+      <div class="switch" style="display:none;">
+        <span></span>
       </div>
     </li>
     <li id="sub_manager">订阅管理</li>
@@ -808,6 +835,13 @@
 </div>
 <div class="app-layout-content-b">
     <div class="app-content">
+		<div class="header_header" style="height: 60px;display:none;">
+			<div class="only-personal" style="position: absolute;top: .2rem;left: 4%;background-image: url(/jyapp/vipsubscribe/image/entback.png);background-size: 100%;;border-radius: 8px;width: 92%;display: flex;align-items: center;justify-content: space-between;height: 44px;">
+				<img style="width: 30px; margin-left: .3rem;" src="/jyapp/vipsubscribe/image/Vector.png">
+				<span style="color:#fff;font-weight: bold;font-size: 15px;text-align: left;width: 3.6rem;">300 组关键词特权</span>
+				<span class="switch_ext" style="border-radius: 32px;display: flex;flex-direction: row;padding: 5px 12px;font-weight: bold;font-size: 12px;color: #FAE7CA;margin-right: .2rem;background: linear-gradient(to bottom, #F1D090 0%, #FAE7CA 100%);color: #33323A;font-family: PingFang SC;font-size: 12px;line-height: 18px;letter-spacing: 0px;text-align: center;">免费试用</span>
+			</div>
+		</div>
         <div class="_header">
             <!-- 筛选条件 -->
             <div class="filter_tab">
@@ -843,13 +877,8 @@
                 </div>
             </div>
         </div>
-        <div class="color_top"></div>
-	    <div class="only-personal" style="position: absolute;top: 1rem;left: 4%;background: linear-gradient(270deg, #F1D090 0%, #FAE7CA 100%);border-radius: 8px;width: 92%;display: flex;align-items: center;justify-content: space-between;height: 48px;">
-			<img style="width: 30px; margin-left: .3rem;" src="/jyapp/vipsubscribe/image/Vector.png">
-			<span style="font-weight: bold;font-size: 15px;text-align: left;width: 3.6rem;">300 组关键词特权</span>
-			<span class="switch" style="background: #33323A;border-radius: 32px;display: flex;flex-direction: row;padding: 5px 12px;font-weight: bold;font-size: 12px;color: #FAE7CA;margin-right: .2rem;">免费试用</span>
-	    </div>
-        <div class="listcontent">
+        <div class="color_top" style="display:none;"></div>
+        <div class="listcontent" onscroll="listScroll()">
             <div id="list"></div>
         </div>