Browse Source

优化广告页面

liting2017 6 years ago
parent
commit
f090e3bce6

BIN
fonts/pangmen.eot


BIN
fonts/pangmen.otf


BIN
fonts/pangmen.ttf


BIN
fonts/pangmen.woff


BIN
fonts/pangmen.woff2


BIN
img/load/invR_RMB2.png


BIN
img/load/invR_YOUSHI.png


BIN
img/load/invR_rmb.png


+ 14 - 10
src/css/facilitator/facilitator.css

@@ -6,7 +6,7 @@ border-radius: 5px;margin-right:30px;}
 .facImg>div>img{width:90px;height:90px;}
 .facImg>div>h3{line-height: 100px;letter-spacing: 2px;}
 
-.facTab>span{font-size: 18px;line-height: 26px;padding:0 15px;border:1px solid #2EA1EA;margin-right: 20px;
+.facTab>span{font-size: 18px;height:26px;line-height: 26px;padding:5px 15px;border:1px solid #2EA1EA;margin-right: 20px;
 border-radius: 13px;color:#2EA1EA;cursor: pointer;}
 .facTab>span.facActive{background-color: #2EA1EA;color:#fff;}
 .facFirst{min-height:500px;padding:30px 0;display: none;}
@@ -26,9 +26,9 @@ justify-content: flex-start;flex-wrap: wrap;margin-bottom: 50px;}
 
 #facAll{display: block;}
 .facAll{width:1200px;min-height: 320px;padding: 20px 0;display: flex;
-justify-content: flex-start;flex-wrap: wrap;}
+justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;}
 .facAll>div{width:225px;height:270px;background-color: #fff;margin-right: 15px;}
-.facAll>div>img{width:225px;height:225px;}
+.facAll>div>img{width:225px;height:225px;display: inline-block;}
 .facAll>div>p{margin-top:10px;text-align: center;overflow: hidden;
     white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
 /* 热门推荐 */
@@ -190,6 +190,7 @@ margin: 0 auto;line-height: 74px;display: none;}
      overflow: hidden;  
 }
 .listJ li .listTxt a{
+    text-decoration: none;
     width: 70px;
     height: 22px;
     line-height: 20px;
@@ -205,13 +206,16 @@ margin: 0 auto;line-height: 74px;display: none;}
 }
 .listJ li:nth-child(4n+1) .listTxt a {
     color: #fdc5a5;
-  }
-  .listJ li>p{
-      line-height: 42px;
-      height: 42px;
-      text-align: center;
-  }
-
+}
+.listJ li>p{
+    line-height: 42px;
+    height: 42px;
+    text-align: center;
+}
+.listJ li .listTxt .get{
+    font-size: 14px;
+    color:#fff
+}
 
 
 

+ 1 - 0
src/css/newMenu/landingPage/Invitation.css

@@ -24,6 +24,7 @@
     margin-bottom: 20px;
 }
 .activeRule p{
+    margin-top: 20px;
     font-size: 21px;
     color: #333;
     padding-left:35px;

+ 84 - 21
src/css/newMenu/landingPage/invRegister.css

@@ -1,3 +1,14 @@
+
+/* 
+    update:2018.10.19
+ */
+ @font-face {
+    font-family: pangmen;
+    src:url('../../../../fonts/pangmen.woff'),
+        url('../../../../fonts/pangmen.woff2'),
+        url('../../../../fonts/pangmen.ttf'),
+        url('../../../../fonts/pangmen.eot'); /* IE9 */
+    }
 body{
     background: #2b1052;
 }
@@ -23,12 +34,15 @@ body{
 .topList ul li{
     width: 270px;
     height: 170px;
-    padding-left: 70px;
-    padding-top: 36px;
     color: #fff;
 }
 .topList ul li a{
     color: #fff;
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    padding-left: 70px;
+    padding-top: 36px;
 }
 .topList ul li:nth-child(1){
     background: url(../../../../img/load/invR_11.png) no-repeat;
@@ -57,7 +71,7 @@ body{
 }
 .topList li a h1 span{
     font-size: 40px;
-    width: 100px;
+    width: 105px;
     display: inline-block;
     text-align: center;
 }
@@ -67,6 +81,15 @@ body{
    margin-left:5px;
    font-weight: normal
 }
+.topList li a p{
+    font-size: 12px;
+    width: 150px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+    margin-top: 4px;
+}
 .invTitle{
     margin-top: 90px;
     margin-bottom: 50px;
@@ -170,12 +193,14 @@ body{
     display: inline-block;
     width: 100%;
     color: #fff;
+    height: 100%;
 }
 .hot_InvR ul li div{
     height:256px;
     background: #9e7ff9;
 }
 .hot_InvR ul li div p{
+    font-family: pangmen;
     margin: 0;
     padding: 40px 50px 0px;
     font-size: 64px;
@@ -199,13 +224,22 @@ body{
     -o-text-overflow:ellipsis;
 }
 .hot_InvR ul li a h4{
-    font-size: 48px;
+    font-family: pangmen;
+    font-size: 24px;
     color: #69a7f0;
-    background: linear-gradient(to right, #69a7f0, #f20a9f);
+    background: linear-gradient(to right, #69a7f0 20%,#b26cec , #f20a9f);
     -webkit-background-clip: text;
     color: transparent;
+    height: 80px;
+}
+.hot_InvR ul li a h4 img{
+    display: inline-block;
+    vertical-align: bottom;
+    margin-bottom: 16px;
+    margin-right: 8px;
 }
 .hot_InvR ul li a h4 span{
+    font-family: pangmen;
     font-size: 74px;
 }
 .invR_junM ul li div p{
@@ -232,51 +266,71 @@ body{
     margin-top: 186px;
 }
 .FcList_wrap{
-    position: relative;
+    /* position: relative; */
     width: 100%;
-    height: 1200px;
+    /* height: 1200px; */
+    overflow: hidden;
     background: url(../../../../img/load/invR_JunBj.png)no-repeat;
     background-position-y: 380px;
 }
 .FcList {
-    position: absolute;
-    top: 0;
-    left: 50%;
     width: 1200px;
-   margin-left: -600px;
+    margin: 0 auto;
 }
 .FcList ul li{
     width: 100%;
     height: 320px;
     background: url(../../../../img/load/invR_111.png)no-repeat;
     background-size:100% 100%; 
-    padding-top: 50px;
+   
 }
 .FcList ul li a{
+    padding-top: 50px;
     display: flex;
     display: -webkit-flex;
     justify-content: space-around;
     color: #fff;
+    width: 100%;
+    height: 100%;
 }
 .FcList ul li a p{
+    font-family: pangmen;
     font-size: 56px;
     margin-top: 30px;
     width: 600px;
     text-align: center;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
 }
 .FcList ul li a div{
     width:490px;
 }
-.FcList ul li a div span{
+.FcList ul li a div>span{
+    width: 440px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
     font-size: 32px;
     display: inline-block;
 
 }
 .FcList ul li a div h4{
-    font-size: 48px;
+    font-family: pangmen;
+    font-size: 28px;
+    height: 80px;
     font-weight: normal
 }
+.FcList ul li a div h4 img{
+    display: inline-block;
+    margin-bottom: 17px;
+    margin-right: 8px;
+    vertical-align: bottom;
+}
 .FcList ul li a div h4 span{
+    font-family: pangmen;
     font-size: 76px;
 }
 .FcList ul li:last-child{
@@ -337,7 +391,7 @@ body{
     left: 50%;
     margin-left: -600px;
     height:450px;
-    background: url(../../../../img/load/invR_555.png)no-repeat;
+    background: url(../../../../img/load/invR_wang.png)no-repeat;
     background-size:100% 100%;
     padding-left: 177px;
     padding-top:70px;  
@@ -350,28 +404,37 @@ body{
     padding-left: 40px;
     color: #fff;
 }
+.advantageTxt ul{
+    width: 865px;
+}
 .advantageTxt ul li{
     color: #fff;
     font-size: 24px;
     padding-left: 44px;
-    margin-top: 62px
+    margin-top: 40px;
+    height: 60px;
+    line-height: 60px;
+    width: 100%;
+    background: url(../../../../img/load/invR_YOUSHI.png)no-repeat;
+    background-size:100% 100%;   
 }
 .consultation{
     width: 1300px;
     margin: 50px auto 200px;
     height: 350px;
     background: url(../../../../img/load/invR_777.png)no-repeat;
-    background-size:100% 100%; 
+    background-size:99% 100%; 
     text-align: center;
-    background-position-x: 10px
+    background-position-x: 13px
 }
-.consultation p{
+.consultation a{
+    width: 390px;
     font-size: 60px;
     color: #fff;
-    line-height: 200px;
+    line-height: 206px;
     margin-left: 22px;
 } 
-.consultation p:hover{
+.consultation a:hover{
     cursor: pointer;
     color: #69a7f0;
 }

+ 33 - 19
src/js/facilitator/facilitator.js

@@ -6,7 +6,34 @@ import 'css/facilitator/facilitator.css';
 import 'js/public.js';
 
 $(function(){
-    $('.facJuan>div').eq(0).show().siblings().hide();
+    function GetQueryString(name){
+        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
+        var r = window.location.search.substr(1).match(reg);
+        if(r!=null)return  unescape(r[2]); return null;
+   }
+   var UID=GetQueryString("uid");
+   var pageSize = 15,
+       thePageNo = 1,
+       thePageLength = 1;
+       init();
+    function init() {
+        pages();
+        inpFun();
+        loadDate();
+        $('.onSelect .preFirst').css('display', 'none')
+        $('.onSelect .next').css('display', 'none')
+    };
+    if(window.location.hash){
+        let hash = window.location.hash,
+            ind = [...hash][1];
+        
+        $('.facJuan>div').eq(ind).show().siblings().hide();
+        $('.facTab span').eq(ind).addClass("facActive").siblings().removeClass('facActive');
+        loadJuan()
+    }else{
+        $('.facJuan>div').eq(0).show().siblings().hide();
+        $('.facTab span').eq(0).addClass("facActive").siblings().removeClass('facActive');
+    }
 	$(".facTab>span").click(function(){
 		$(this).addClass("facActive").siblings().removeClass('facActive');
 		var facIndex=$(this).index();
@@ -40,27 +67,14 @@ $(function(){
                         return;
                     }
                     msg('领取成功,请至个人中心查看。')
+                    console.log()
+                    loadJuan()
                 }
             })
         })
     }
-	function GetQueryString(name){
-     	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
-     	var r = window.location.search.substr(1).match(reg);
-     	if(r!=null)return  unescape(r[2]); return null;
-	}
-    var UID=GetQueryString("uid");
-	var pageSize = 15,
-		thePageNo = 1,
-		thePageLength = 1;
-		init();
-    function init() {
-        pages();
-        inpFun();
-        loadDate();
-        $('.onSelect .preFirst').css('display', 'none')
-        $('.onSelect .next').css('display', 'none')
-    };
+	
+   
      //获取卷
      function loadJuan(){
          $.ajax({
@@ -85,7 +99,7 @@ $(function(){
                              <p><span>¥</span>${item.money}</p>
                              <div class="listTxt">
                                  <span>${item.name}</span><br />
-                                ${!item.isGet?'<a href="javascript:;">立即领劵</a>':''} 
+                                ${!item.isGet?'<a href="javascript:;">立即领劵</a>':'<span class="get">已领取</span>'} 
                                  <input type='hidden' value="${item.id}">
                              </div>
                          </div>

+ 1 - 2
src/js/newMenu/loading/Invitation.js

@@ -26,7 +26,7 @@ $(function(){
                 let tts='http://'+window.location.host+'/user/signIn#code='+data.data;
                 /* qq分享 */  
                 
-                shareToQq('邀请地址', tts, '',txts)  
+                shareToQq('技淘网', tts, '',txts)  
             }
         })
     })
@@ -35,7 +35,6 @@ $(function(){
         var shareqqzonestring = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?summary=' + encodeURIComponent(title) + '&url=' +
         encodeURIComponent(url) + '&pics=' + encodeURIComponent(picurl)+'&title='+txt;
         window.open(shareqqzonestring);
-        //'newwindow', 'height=400,width=400,top=100,left=100'
     }
     //提示框渐隐函数    
     function msg(txt) {

+ 4 - 0
src/js/newMenu/loading/invRegister.js

@@ -0,0 +1,4 @@
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css';
+import 'css/newMenu/landingPage/invRegister.css';
+import 'js/public.js';

+ 5 - 6
template/newMenu/landingPage/InvRegister.html

@@ -7,10 +7,10 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>优惠活动</title>
 </head>
-<link rel="stylesheet" href="../../../src/css/bootstrap.css">
+<!-- <link rel="stylesheet" href="../../../src/css/bootstrap.css">
 <link rel="stylesheet" href="../../../src/css/newMenu/header.css">
 <link rel="stylesheet" href="../../../src/css/newMenu/public.css">
-<link rel="stylesheet" href="../../../src/css/newMenu/landingPage/invRegister.css">
+<link rel="stylesheet" href="../../../src/css/newMenu/landingPage/invRegister.css"> -->
 <body>
     <div class="header">
 		<div class="container">
@@ -421,7 +421,7 @@
                             <p>一句话营销营销</p>
                         </div>
                         <p>一句话营销</p>
-                        <h4><span>2000</span>起</h4>
+                        <h4><img src="../../../img/load/invR_RMB2.png" alt=""><span>2000</span>起</h4>
                     </a>
                 </li>
             </ul>
@@ -438,7 +438,7 @@
                         <p>省级企业技术中心</p>
                         <div>
                             <span>一句话营销营销</span>
-                            <h4><span>2000</span>起</h4>
+                            <h4> <img src="../../../img/load/invR_rmb.png" alt=""> <span>2000</span>起</h4>
                         </div>
                     </a>
                 </li>
@@ -508,7 +508,7 @@
         </div>
     </div>
     <div class="consultation">
-        <p onclick="openZoosUrl('chatwin');">立即咨询</p>
+        <a onclick="openZoosUrl('chatwin');">立即咨询</a>
     </div>
     <footer>
         <div id="bottom">
@@ -745,5 +745,4 @@
         </div>
     </footer>
 </body>
-<!-- <script language="javascript" src="https://put.zoosnet.net/JS/LsJS.aspx?siteid=PUT70876498&float=1&lng=cn"></script> -->
 </html>

+ 6 - 0
webpack.config.js

@@ -469,6 +469,12 @@ module.exports = (function () {
             template: './template/newMenu/landingPage/Invitation.html',
             chunks: ['newMenu/Invitation', 'vendors']
         }),
+        new HtmlWebpackPlugin({
+            title: '优惠活动',
+            filename: 'html/newMenu/invRegister.html',
+            template: './template/newMenu/landingPage/invRegister.html',
+            chunks: ['newMenu/invRegister', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码

+ 5 - 0
webpack/entry.config.js

@@ -47,6 +47,7 @@ module.exports = {
         'newMenu/governmentSupport': './src/js/newMenu/loading/governmentSupport.js',
         'newMenu/assessment': './src/js/newMenu/loading/assessment.js',
         'newMenu/Invitation': './src/js/newMenu/loading/Invitation.js',
+        'newMenu/invRegister': './src/js/newMenu/loading/invRegister.js',
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
@@ -223,5 +224,9 @@ module.exports = {
             'webpack/hot/only-dev-server',
             './src/js/newMenu/loading/Invitation.js'
         ],
+        'newMenu/invRegister': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/newMenu/loading/invRegister.js'
+        ],
     }
 };