Przeglądaj źródła

落地页添加百度统计和首页修改

wangshan 6 lat temu
rodzic
commit
0a615e48a9

+ 69 - 72
src/web/templates/weixin/landingpage/index.html

@@ -8,13 +8,16 @@
     <title>剑鱼招标订阅,全行业招标信息智能推送领导者!</title>
     <link rel="stylesheet" href="/landingpage/mobile/css/reset.css">
     <link rel="stylesheet" href="/landingpage/mobile/css/index.css">
-	<link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
     <link rel="stylesheet" href="/landingpage/mobile/css/animate.min.css">
+	<link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
     <style>
         html,
         body {
             position: relative;
             height: 100%;
+            overflow: hidden;
+            overflow-x: hidden;
+            overflow-y: hidden;
         }
 
         body {
@@ -23,63 +26,57 @@
             color: #000;
             margin: 0;
             padding: 0;
+            overflow: hidden;
         }
 
         .swiper-container {
             width: 100%;
             height: 100%;
-
+            overflow: hidden;
         }
 
         .swiper-slide {
             text-align: center;
             /* Center slide text vertically */
         }
+
+        .firstPage {
+            background: url("/landingpage/mobile/images/1-1-1.jpg") no-repeat left top;
+            background-size: 100% 100%;
+        }
+
+        .firstPage .newOne {
+            margin-top: 0.5rem;
+            margin-bottom: 1.5rem;
+        }
+
+        .firstPage .newOne img {
+            width: 100%;
+            position: relative;
+            left: -0%;
+
+        }
     </style>
-	<script>
-        window._agl = window._agl || [];
-        (function () {
-            _agl.push(
-                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
-            );
-            (function () {
-                var agl = document.createElement('script');
-                agl.type ='text/javascript';
-                agl.async = true;
-                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
-                var s = document.getElementsByTagName('script')[0];
-                s.parentNode.insertBefore(agl, s);
-            })();
-        })();
-    </script>
 </head>
 
 <body>
     <div class="swiper-container">
-        <!-- Add Pagination -->
-        <div class="swiper-pagination" id="pagination"></div>
         <div class="swiper-wrapper">
             <!-- firstPage -->
             <div class="swiper-slide firstPage" id="firstPage">
                 <div class="titleOne">
                     <img src="/landingpage/mobile/images/logo.png" alt="">
                 </div>
-                <div class="contetn">
-                    <img src="/landingpage/mobile/images/one.png" alt="" class="one ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s">
-                    <img src="/landingpage/mobile/images/two.png" alt="" class="two ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
-                    <img src="/landingpage/mobile/images/three.png" alt="" class="three ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
-                        swiper-animate-delay="0.6s">
-                </div>
-                <div class="btn ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
-                    <a href="#">免费看&nbsp;&nbsp;不遮挡</a>
+                <div class="newOne ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s">
+                    <img src="/landingpage/mobile/images/new.png" alt="">
                 </div>
                 <div class="but">
-                    <div class="msg ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">测试你的专属项目数量</div>
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">开始测试</button>
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">去看看</button>
                     <div class="arrow">
                         <img src="/landingpage/mobile/images/arrow.png" alt="">
                     </div>
                 </div>
+
             </div>
             <!-- second  Page -->
             <div class="swiper-slide secondPage">
@@ -103,7 +100,7 @@
                             </a>
 
                         </li>
-                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
+                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.15s">
                             <a href="#">
                                 <div class="left">
                                     <span>不遮挡
@@ -117,7 +114,7 @@
                             </a>
 
                         </li>
-                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
+                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                             <a href="#">
                                 <div class="left">
                                     <span>
@@ -131,7 +128,7 @@
                             </a>
 
                         </li>
-                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
+                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.45s">
                             <a href="#">
                                 <div class="left">
                                     <span>
@@ -147,12 +144,12 @@
                         </li>
                     </ul>
                 </div>
-				<div class="but">
-	                <button class="btns ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">立即体验</button>
-	                <div class="arrow">
-	                    <img src="/landingpage/mobile/images/arrow.png" alt="">
-	                </div>
-				</div>
+                <div class="but">
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
+                    <div class="arrow">
+                        <img src="/landingpage/mobile/images/arrow.png" alt="">
+                    </div>
+                </div>
             </div>
             <!-- threePage -->
             <div class="swiper-slide threePage ">
@@ -186,12 +183,12 @@
                         </li>
                     </ul>
                 </div>
-				<div class="but">
-                <button class="btns ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">查看更多行业</button>
-                <div class="arrow">
-                    <img src="/landingpage/mobile/images/arrow.png" alt="">
+                <div class="but">
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">查看更多行业</button>
+                    <div class="arrow">
+                        <img src="/landingpage/mobile/images/arrow.png" alt="">
+                    </div>
                 </div>
-				</div>
             </div>
             <!-- fourPage -->
             <div class="swiper-slide fourPage">
@@ -204,14 +201,13 @@
                     <strong>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;招标订阅 免费推送&nbsp;&nbsp;&nbsp;&nbsp;·</strong>
                     <p>招标信息免费订阅</p>
                     <p> 每日推送<i class="topRight">2000</i>万条信息</p>
-					
                 </div>
-				<div class="but">
-                <button class="btns ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.6s">立即体验</button>
-                <div class="arrow">
-                    <img src="/landingpage/mobile/images/arrow.png" alt="">
+                <div class="but">
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
+                    <div class="arrow">
+                        <img src="/landingpage/mobile/images/arrow.png" alt="">
+                    </div>
                 </div>
-				</div>
             </div>
             <!-- fivepage -->
             <div class="swiper-slide fourPage">
@@ -225,12 +221,10 @@
                     <p>招标信息免费查看</p>
                     <p> 不遮挡任何内容</p>
                 </div>
-				<div class="but">
                 <button class="btns">立即体验</button>
                 <div class="arrow">
                     <img src="/landingpage/mobile/images/arrow.png" alt="">
                 </div>
-				</div>
             </div>
             <!-- sixpage -->
             <div class="swiper-slide fourPage">
@@ -244,12 +238,12 @@
                     <p>优质拟在建项目提前获取 </p>
                     <p> 中标无忧</p>
                 </div>
-				<div class="but">
-                <button class="btns">立即体验</button>
-                <div class="arrow">
-                    <img src="/landingpage/mobile/images/arrow.png" alt="">
+                <div class="but">
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
+                    <div class="arrow">
+                        <img src="/landingpage/mobile/images/arrow.png" alt="">
+                    </div>
                 </div>
-				</div>
             </div>
             <!-- sevenpage -->
             <div class="swiper-slide fourPage">
@@ -263,12 +257,12 @@
                     <p>免费关注项目进程</p>
                     <p> 随时接收最新动态提醒</p>
                 </div>
-				<div class="but">
-                <button class="btns">立即体验</button>
-                <div class="arrow">
-                    <img src="/landingpage/mobile/images/arrow.png" alt="">
+                <div class="but">
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
+                    <div class="arrow">
+                        <img src="/landingpage/mobile/images/arrow.png" alt="">
+                    </div>
                 </div>
-				</div>
             </div>
             <!-- eightPage -->
             <div class="swiper-slide eightPage">
@@ -295,17 +289,19 @@
 					str+="</div>"
 					document.querySelector(".list .cc").innerHTML = str+str;
 				</script>
+
                 </div>
-				<div class="but">
-                <button class="btns">立即体验</button>
-                <div class="bottoms">
-                    <img src="/landingpage/mobile/images/eightBottom.png" alt="">
+                <div class="but">
+                    <button class="btns">立即体验</button>
+                    <div class="bottoms">
+                        <img src="/landingpage/mobile/images/eightBottom.png" alt="">
+                    </div>
                 </div>
-				</div>
             </div>
 
         </div>
-
+        <!-- Add Pagination -->
+        <div class="swiper-pagination" id="pagination"></div>
     </div>
     <div class="popUp" id="popUp">
         <div class="close" id="close">
@@ -314,9 +310,9 @@
         <div class="popUpmust" id="popUpmust">
 			<div class="hide"></div>
             <span>和
-                <i class="topRightB"> 100</i><i>万</i>投标人一起</span>
+                 <i class="topRightB"> 100</i><i>万</i>投标人一起</span>
             <p>立享所有功能零费用</p>
-            <input type="tel" name="" id="phoneNum"  maxlength="11" class="phone" placeholder="请输入手机号">
+           <input type="tel" name="" id="phoneNum"  maxlength="11" class="phone" placeholder="请输入手机号">
      		
 			<div class="postCode">
                 <input type="text" class="cancode imgCode" maxlength="4"  placeholder="图形验证码" disabled="disabled">
@@ -337,7 +333,7 @@
             </div>
             <span>
 		        <a id="download" href="#"> 立即免费使用剑鱼APP</a>
-            </span>
+			</span>
         </div>
     </div>
 	<div class="tips"></div>
@@ -347,5 +343,6 @@
 	<script src="/landingpage/mobile/js/swiper.animate1.0.3.min.js"></script>
 	<script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
 	<script src="/landingpage/mobile/js/index.js"></script>
-</body>
+	{{include "/common/baiducc.html"}}
+	</body>
 </html>

+ 72 - 68
src/web/templates/weixin/landingpage/indexOne.html → src/web/templates/weixin/landingpage/index_bak.html

@@ -8,16 +8,13 @@
     <title>剑鱼招标订阅,全行业招标信息智能推送领导者!</title>
     <link rel="stylesheet" href="/landingpage/mobile/css/reset.css">
     <link rel="stylesheet" href="/landingpage/mobile/css/index.css">
-    <link rel="stylesheet" href="/landingpage/mobile/css/animate.min.css">
 	<link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="/landingpage/mobile/css/animate.min.css">
     <style>
         html,
         body {
             position: relative;
             height: 100%;
-            overflow: hidden;
-            overflow-x: hidden;
-            overflow-y: hidden;
         }
 
         body {
@@ -26,57 +23,63 @@
             color: #000;
             margin: 0;
             padding: 0;
-            overflow: hidden;
         }
 
         .swiper-container {
             width: 100%;
             height: 100%;
-            overflow: hidden;
+
         }
 
         .swiper-slide {
             text-align: center;
             /* Center slide text vertically */
         }
-
-        .firstPage {
-            background: url("/landingpage/mobile/images/1-1-1.jpg") no-repeat left top;
-            background-size: 100% 100%;
-        }
-
-        .firstPage .newOne {
-            margin-top: 0.5rem;
-            margin-bottom: 1.5rem;
-        }
-
-        .firstPage .newOne img {
-            width: 100%;
-            position: relative;
-            left: -0%;
-
-        }
     </style>
+	<script>
+        window._agl = window._agl || [];
+        (function () {
+            _agl.push(
+                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
+            );
+            (function () {
+                var agl = document.createElement('script');
+                agl.type ='text/javascript';
+                agl.async = true;
+                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
+                var s = document.getElementsByTagName('script')[0];
+                s.parentNode.insertBefore(agl, s);
+            })();
+        })();
+    </script>
 </head>
 
 <body>
     <div class="swiper-container">
+        <!-- Add Pagination -->
+        <div class="swiper-pagination" id="pagination"></div>
         <div class="swiper-wrapper">
             <!-- firstPage -->
             <div class="swiper-slide firstPage" id="firstPage">
                 <div class="titleOne">
                     <img src="/landingpage/mobile/images/logo.png" alt="">
                 </div>
-                <div class="newOne ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s">
-                    <img src="/landingpage/mobile/images/new.png" alt="">
+                <div class="contetn">
+                    <img src="/landingpage/mobile/images/one.png" alt="" class="one ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s">
+                    <img src="/landingpage/mobile/images/two.png" alt="" class="two ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
+                    <img src="/landingpage/mobile/images/three.png" alt="" class="three ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
+                        swiper-animate-delay="0.6s">
+                </div>
+                <div class="btn ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
+                    <a href="#">免费看&nbsp;&nbsp;不遮挡</a>
                 </div>
                 <div class="but">
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">去看看</button>
+                    <div class="msg ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">测试你的专属项目数量</div>
+                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">开始测试</button>
                     <div class="arrow">
                         <img src="/landingpage/mobile/images/arrow.png" alt="">
                     </div>
                 </div>
-
             </div>
             <!-- second  Page -->
             <div class="swiper-slide secondPage">
@@ -100,7 +103,7 @@
                             </a>
 
                         </li>
-                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.15s">
+                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                             <a href="#">
                                 <div class="left">
                                     <span>不遮挡
@@ -114,7 +117,7 @@
                             </a>
 
                         </li>
-                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
+                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
                             <a href="#">
                                 <div class="left">
                                     <span>
@@ -128,7 +131,7 @@
                             </a>
 
                         </li>
-                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.45s">
+                        <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
                             <a href="#">
                                 <div class="left">
                                     <span>
@@ -144,12 +147,12 @@
                         </li>
                     </ul>
                 </div>
-                <div class="but">
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
-                    <div class="arrow">
-                        <img src="/landingpage/mobile/images/arrow.png" alt="">
-                    </div>
-                </div>
+				<div class="but">
+	                <button class="btns ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">立即体验</button>
+	                <div class="arrow">
+	                    <img src="/landingpage/mobile/images/arrow.png" alt="">
+	                </div>
+				</div>
             </div>
             <!-- threePage -->
             <div class="swiper-slide threePage ">
@@ -183,12 +186,12 @@
                         </li>
                     </ul>
                 </div>
-                <div class="but">
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">查看更多行业</button>
-                    <div class="arrow">
-                        <img src="/landingpage/mobile/images/arrow.png" alt="">
-                    </div>
+				<div class="but">
+                <button class="btns ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">查看更多行业</button>
+                <div class="arrow">
+                    <img src="/landingpage/mobile/images/arrow.png" alt="">
                 </div>
+				</div>
             </div>
             <!-- fourPage -->
             <div class="swiper-slide fourPage">
@@ -201,13 +204,14 @@
                     <strong>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;招标订阅 免费推送&nbsp;&nbsp;&nbsp;&nbsp;·</strong>
                     <p>招标信息免费订阅</p>
                     <p> 每日推送<i class="topRight">2000</i>万条信息</p>
+					
                 </div>
-                <div class="but">
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
-                    <div class="arrow">
-                        <img src="/landingpage/mobile/images/arrow.png" alt="">
-                    </div>
+				<div class="but">
+                <button class="btns ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.6s">立即体验</button>
+                <div class="arrow">
+                    <img src="/landingpage/mobile/images/arrow.png" alt="">
                 </div>
+				</div>
             </div>
             <!-- fivepage -->
             <div class="swiper-slide fourPage">
@@ -221,10 +225,12 @@
                     <p>招标信息免费查看</p>
                     <p> 不遮挡任何内容</p>
                 </div>
+				<div class="but">
                 <button class="btns">立即体验</button>
                 <div class="arrow">
                     <img src="/landingpage/mobile/images/arrow.png" alt="">
                 </div>
+				</div>
             </div>
             <!-- sixpage -->
             <div class="swiper-slide fourPage">
@@ -238,12 +244,12 @@
                     <p>优质拟在建项目提前获取 </p>
                     <p> 中标无忧</p>
                 </div>
-                <div class="but">
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
-                    <div class="arrow">
-                        <img src="/landingpage/mobile/images/arrow.png" alt="">
-                    </div>
+				<div class="but">
+                <button class="btns">立即体验</button>
+                <div class="arrow">
+                    <img src="/landingpage/mobile/images/arrow.png" alt="">
                 </div>
+				</div>
             </div>
             <!-- sevenpage -->
             <div class="swiper-slide fourPage">
@@ -257,12 +263,12 @@
                     <p>免费关注项目进程</p>
                     <p> 随时接收最新动态提醒</p>
                 </div>
-                <div class="but">
-                    <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
-                    <div class="arrow">
-                        <img src="/landingpage/mobile/images/arrow.png" alt="">
-                    </div>
+				<div class="but">
+                <button class="btns">立即体验</button>
+                <div class="arrow">
+                    <img src="/landingpage/mobile/images/arrow.png" alt="">
                 </div>
+				</div>
             </div>
             <!-- eightPage -->
             <div class="swiper-slide eightPage">
@@ -289,19 +295,17 @@
 					str+="</div>"
 					document.querySelector(".list .cc").innerHTML = str+str;
 				</script>
-
                 </div>
-                <div class="but">
-                    <button class="btns">立即体验</button>
-                    <div class="bottoms">
-                        <img src="/landingpage/mobile/images/eightBottom.png" alt="">
-                    </div>
+				<div class="but">
+                <button class="btns">立即体验</button>
+                <div class="bottoms">
+                    <img src="/landingpage/mobile/images/eightBottom.png" alt="">
                 </div>
+				</div>
             </div>
 
         </div>
-        <!-- Add Pagination -->
-        <div class="swiper-pagination" id="pagination"></div>
+
     </div>
     <div class="popUp" id="popUp">
         <div class="close" id="close">
@@ -310,9 +314,9 @@
         <div class="popUpmust" id="popUpmust">
 			<div class="hide"></div>
             <span>和
-                 <i class="topRightB"> 100</i><i>万</i>投标人一起</span>
+                <i class="topRightB"> 100</i><i>万</i>投标人一起</span>
             <p>立享所有功能零费用</p>
-           <input type="tel" name="" id="phoneNum"  maxlength="11" class="phone" placeholder="请输入手机号">
+            <input type="tel" name="" id="phoneNum"  maxlength="11" class="phone" placeholder="请输入手机号">
      		
 			<div class="postCode">
                 <input type="text" class="cancode imgCode" maxlength="4"  placeholder="图形验证码" disabled="disabled">
@@ -333,7 +337,7 @@
             </div>
             <span>
 		        <a id="download" href="#"> 立即免费使用剑鱼APP</a>
-			</span>
+            </span>
         </div>
     </div>
 	<div class="tips"></div>
@@ -343,5 +347,5 @@
 	<script src="/landingpage/mobile/js/swiper.animate1.0.3.min.js"></script>
 	<script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
 	<script src="/landingpage/mobile/js/index.js"></script>
-	</body>
+</body>
 </html>