Página Inicial Explorar Ajuda
Registrar Entrar
xiuli.gao
/
gongjijin
Observar 1
Favorito 0
Fork 0
Código Problemas 0 Pull Requests 0 Commits 123 Versões 0 Wiki
Ver Código Fonte

search

xiuli.gao 6 anos atrás
pai
524833058e
commit
9f9983a90c
11 arquivos alterados com 160 adições e 103 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 37 22
      fund_h5_01/choose_city.html
  2. 16 44
      fund_h5_01/css/choice_city.css
  3. 1 1
      fund_h5_01/css/choose_city.css
  4. 13 1
      fund_h5_01/css/query-help.css
  5. 1 1
      fund_h5_01/fund_h5_api.html
  6. 36 13
      fund_h5_01/js/choice_city.js
  7. 0 5
      fund_h5_01/js/choose_city.js
  8. 3 1
      fund_h5_01/js/fund_h5_api.js
  9. 27 0
      fund_h5_01/js/queryHelp.js
  10. 3 0
      fund_h5_01/loan.html
  11. 23 15
      fund_h5_01/queryHelp.html

+ 37 - 22
fund_h5_01/choose_city.html
Ver Arquivo 

@@ -6,7 +6,8 @@
6 6 
     <title>选择城市</title>
7 7 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8 8 
     <link rel="stylesheet" href="./css/reset.css?vv=10">
9 
-    <link rel="stylesheet" href="./css/choose_city.css?vv=12">
9 
+    <link rel="stylesheet" href="./css/choose_city.css?vv=13">
10 
+    <link rel="stylesheet" href="./css/choice_city.css?v=10">
10 11 
     <script src="./js/jquery.min.js"></script>
11 12 
     <div style="display: none;">
12 13 
     	<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274146775'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274146775' type='text/javascript'%3E%3C/script%3E"));</script>
 
@@ -23,35 +24,48 @@
23 24
24 25 
 <body style='display: none;'>
25 26 
 	<div id="allmap"></div>
26 
-
27 27 
     <nav>
28 28 
         <i id='back'></i>
29 29 
         <p>选择城市</p>
30 30 
     </nav>
31 31 
     <div class="searchBox">
32 
-	    <div class="search">
32 
+	    <div class="search" id="search">
33 33 
 	    	<i></i>
34 
-	    	<input type="text" onclick="searchCity()" placeholder="请输入城市名称" />
34 
+	    	<input type="text" placeholder="请输入城市名称" />
35 
+	    	<em onclick="deleteSearch()"></em>
35 36 
 	    </div>
36 37 
     </div>
37 
-    <div class="current-city-wrapper" id="top">
38 
-        <p>当前定位城市</p>
39 
-        <div class="current-city">
40 
-        	 <!--<i></i>-->
41 
-            <span data-code='00111000'>北京</span>
42 
-        </div>
38 
+    <!--<div class="search">
39 
+    	<i></i>
40 
+    	<input type="text" placeholder="请输入城市名称"  autofocus="autofocus"/>
41 
+
42 
+    </div>-->
43 
+	<div id="city_01">
44 
+	    <div class="current-city-wrapper" id="top">
45 
+	        <p>当前定位城市</p>
46 
+	        <div class="current-city">
47 
+	        	 <!--<i></i>-->
48 
+	            <span data-code='00111000'>北京</span>
49 
+	        </div>
50 
+	    </div>
51 
+	    <div class="city-list-wrapper">
52 
+	        <div class="city-list-content">
53 
+	            <div id="hot" class="city-list-hot-wrapper">
54 
+	                <!-- 热门城市 -->
55 
+	                <p>热门城市</p>
56 
+	                <ul class="city-list-hot"></ul>
57 
+	            </div>
58 
+	            <div class="city-list">
59 
+	                <!-- 城市列表 -->
60 
+	            </div>
61 
+	        </div>
62 
+	    </div>
43 63 
     </div>
44 
-    <div class="city-list-wrapper">
45 
-        <div class="city-list-content">
46 
-            <div id="hot" class="city-list-hot-wrapper">
47 
-                <!-- 热门城市 -->
48 
-                <p>热门城市</p>
49 
-                <ul class="city-list-hot"></ul>
50 
-            </div>
51 
-            <div class="city-list">
52 
-                <!-- 城市列表 -->
53 
-            </div>
54 
-        </div>
64 
+    <div id="city_02">
65 
+    	<div class="container">
66 
+	    	<ul>
67 
+	    	</ul>
68 
+	    </div>
55 69 
     </div>
56 70 
     <div class="alert-info" style="display: none;">
57 71 
         <!-- tip提示,3s后消失 -->
 
@@ -60,7 +74,8 @@
60 74 
     <script src="./js/auto_size.js?vv=10"></script>
61 75 
     <script src="./js/tips.js?vv=4"></script>
62 76 
     <script src="./js/city_picker.js?vv=10"></script>
63 
-    <script src="./js/choose_city.js?vv=11"></script>
77 
+    <script src="./js/choose_city.js?vv=12"></script>
78 
+    <script src="./js/choice_city.js?v=10"></script>
64 79 
 </body>
65 80
66 81 
 </html>

+ 16 - 44
fund_h5_01/css/choice_city.css
Ver Arquivo 

@@ -1,40 +1,12 @@
1 
-html {
2 
-    background-color: #F3F3F3;
3 
-    font-size: 100px;
4 
-}
5 
-
6 
-nav {
7 
-    position: fixed;
8 
-    top: 0;
9 
-    left: 0;
10 
-    z-index: 9999;
11 
-    font-size: 0rem;
12 
-    height: 0.44rem;
1 
+/*search*/
2 
+#city_02{
3 
+    z-index: 9;
13 4 
     width: 100%;
14 
-    background-color: #5d7dff;
15 
-}
16 
-
17 
-nav i {
18 
-    display: inline-block;
19 
-    width: 0.16rem;
20 
-    height: 0.16rem;
21 
-    line-height: 0.44rem;
22 
-    margin-left: 0.1rem;
23 
-    background-image: url(../img/back.png);
24 
-    background-repeat: no-repeat;
25 
-    background-size: 100% auto;
26 
-}
27 
-
28 
-nav p {
29 
-    display: inline-block;
30 
-    width: 90%;
31 
-    text-align: center;
32 
-    line-height: 0.44rem;
33 
-    color: #fff;
34 
-    font-size: 0.17rem;
5 
+    height: 100%;
6 
+    background: #F3F3F3;
7 
+    display: none;
35 8 
 }
36 
-/*search*/
37 
-.search{
9 
+.search_02{
38 10 
     height: 0.35rem;
39 11 
     margin: 0 0.1rem;
40 12 
     margin-top: 0.1rem;
 
@@ -43,7 +15,7 @@ nav p {
43 15 
     display: flex;
44 16 
     align-items: center;
45 17 
 }
46 
-.search i{
18 
+.search_02 i{
47 19 
 	display: inline-block;
48 20 
     width: 0.17rem;
49 21 
     height: 0.17rem;
 
@@ -51,7 +23,7 @@ nav p {
51 23 
     background-size:100% ;
52 24 
     margin-left: 0.1rem;
53 25 
 }
54 
-.search em{
26 
+.search_02 em{
55 27 
 	display: block;
56 28 
 	width: 0.17rem;
57 29 
 	height: 0.17rem;
 
@@ -60,7 +32,7 @@ nav p {
60 32 
 	margin-right: 0.09rem;
61 33 
 	display: none;
62 34 
 }
63 
-.search input{
35 
+.search_02 input{
64 36 
 	border: none;
65 37 
     outline: none;
66 38 
     font-size: 0.16rem;
 
@@ -68,14 +40,14 @@ nav p {
68 40 
     flex: 1;
69 41 
     background: #F3F3F3;
70 42 
 }
71 
-.container{
43 
+#city_02 .container{
72 44 
 	background: #FFFFFF;
73 
-	padding-top: 0.44rem;
45 
+	margin-top: 1.18rem;
74 46 
 }
75 
-.container ul {
47 
+#city_02 .container ul {
76 48 
 	padding-top: 0.1rem;
77 49 
 }
78 
-.container ul li{
50 
+#city_02 .container ul li{
79 51 
 	height: 0.52rem;
80 52 
 	border-top: 0.01rem solid #D8D8D8;
81 53 
 	line-height: 0.52rem;
 
@@ -83,10 +55,10 @@ nav p {
83 55 
 	color: #222222;
84 56 
 	padding-left: 0.2rem;
85 57 
 }
86 
-.container ul li:nth-of-type(1){
58 
+#city_02 .container ul li:nth-of-type(1){
87 59 
 	border-top: none;
88 60 
 }
89 
-.container ul .searchActive{
61 
+#city_02 .container ul .searchActive{
90 62 
 	text-align: center;
91 63 
 	color: #D8D8D8;
92 64 
 	padding-left: 0;

+ 1 - 1
fund_h5_01/css/choose_city.css
Ver Arquivo 

@@ -245,7 +245,7 @@ nav p {
245 245 
 	position: fixed;
246 246 
     width: 100%;
247 247 
     top: 0.44rem;
248 
-    z-index: 2;
248 
+    z-index: 10;
249 249 
     padding-top:0.1rem ;
250 250 
     background: #F3F3F3;
251 251 
 }

+ 13 - 1
fund_h5_01/css/query-help.css
Ver Arquivo 

@@ -1,8 +1,10 @@
1 1 
 body{
2 2 
 	background: #FFFFFF;
3 
-	padding: 0.2rem 0.23rem;
4 3 
 	height: 100%;
5 4 
 }
5 
+#body{
6 
+	padding: 0.2rem 0.23rem;
7 
+}
6 8 
 nav {
7 9 
     position: fixed;
8 10 
     top: 0;
 
@@ -98,4 +100,14 @@ nav p {
98 100 
     padding: 0 0.10rem;
99 101 
     background-color: rgba(0, 0, 0, 0.7);
100 102 
     border-radius: 5px;
103 
+}
104 
+.loan_recommendation{
105 
+	padding-top: 0.3rem;
106 
+}
107 
+.mySwiper{
108 
+	width: 100%;
109 
+	height: 0.8rem;
110 
+}
111 
+.mySwiper img{
112 
+	width: 100%;
101 113 
 }

+ 1 - 1
fund_h5_01/fund_h5_api.html
Ver Arquivo 

@@ -107,7 +107,7 @@
107 107 
     </div>
108 108 
     <script src="./js/auto_size.js"></script>
109 109 
     <script src="./js/tips.js?v=2"></script>
110 
-    <script src="./js/fund_h5_api.js?v=19"></script>
110 
+    <script src="./js/fund_h5_api.js?v=20"></script>
111 111 
 </body>
112 112
113 113 
 </html>

+ 36 - 13
fund_h5_01/js/choice_city.js
Ver Arquivo 

@@ -5,9 +5,9 @@ var cityList = [];
5 5 
 if (qs.token) {
6 6 
     token = qs.token;
7 7 
 }
8 
-
8 
+console.log(token)
9 9 
 //自动唤起键盘
10 
-$(".search input").trigger("click").focus()
10 
+$("#search input").trigger("click").focus()
11 11
12 12 
 //返回上一页
13 13 
 $("nav #back").click(function () {
 
@@ -16,15 +16,22 @@ $("nav #back").click(function () {
16 16
17 17
18 18 
 function deleteSearch () {
19 
-	$(".search input").val("")
20 
-	$(".container ul").html("")
19 
+	$("#search input").val("")
20 
+	$("#city_02 .container ul").html("");
21 
+	$("#search").addClass("search");
22 
+	$("#search").removeClass("search_02");
23 
+	$(".searchBox").css({
24 
+	    'padding-bottom': '0',
25 
+		'background': '#f3f3f3'
26 
+	})
27 
+	$("#city_02").css("display",'none')
28 
+	$("#city_01").css("display",'block')
21 29 
 }
22 30
23 31 
 /**
24 32 
  * [getLoginInfo 获取城市登录信息]
25 33 
  */
26 34 
 function getLoginInfo() {
27 
-    var regionCode = $('.city-name').attr('data-code');
28 35 
     $.ajax({
29 36 
         type: "GET",
30 37 
         url: BASEURL + '/city_list?type=fund&sort=true&token=' + token + '&time=' + Math.round(Date.now() / 1000),
 
@@ -47,11 +54,19 @@ function renderLoginInfo(cityInfo) {
47 54 
 	if (navigator.userAgent.indexOf("MSIE") != -1){
48 55 
 	    bind_name = 'propertychange';
49 56 
 	}
50 
-	$(".search input").bind(bind_name, function(){
51 
-		var searchName = $(".search input").val().trim();
57 
+	$("#search input").bind(bind_name, function(){
58 
+		var searchName = $("#search input").val().trim();
52 59 
 		var html = '';
53 60 
 		if(searchName != ""){
54 
-			$(".search em").css("display","block")
61 
+			$("#search").removeClass("search");
62 
+			$("#search").addClass("search_02");
63 
+			$(".searchBox").css({
64 
+			    'padding-bottom': '0.2rem',
65 
+    			'background': '#ffffff'
66 
+			})
67 
+			$("#city_02").css("display",'block')
68 
+			$("#city_01").css("display",'none')
69 
+			$("#search em").css("display","block")
55 70 
 			for(key in cityInfo){
56 71 
 				if(key != "hot"){
57 72 
 					cityInfo[key].forEach(function (item,index) {
 
@@ -64,17 +79,25 @@ function renderLoginInfo(cityInfo) {
64 79 
 				}
65 80 
 			}
66 81 
 			if(html != ""){
67 
-				$(".container ul").html(html)
82 
+				$("#city_02 .container ul").html(html)
68 83 
 			}else{
69 84 
 				html += `<li class="searchActive">无结果</li>`;
70 
-				$(".container ul").html(html)
85 
+				$("#city_02 .container ul").html(html)
71 86 
 			}
72 87 
 		}else{
73 
-			$(".search em").css("display","none")
74 
-			$(".container ul").html(html)
88 
+			$("#search").addClass("search");
89 
+			$("#search").removeClass("search_02");
90 
+			$(".searchBox").css({
91 
+			    'padding-bottom': '0',
92 
+    			'background': '#f3f3f3'
93 
+			})
94 
+			$("#city_02").css("display",'none')
95 
+			$("#city_01").css("display",'block')
96 
+			$("#search em").css("display","none")
97 
+			$("#city_02 .container ul").html(html)
75 98 
 		}
76 99 
 	})
77 
-	$(".container ul").on("click", function(e) {
100 
+	$("#city_02 .container ul").on("click", function(e) {
78 101 
 	    var target = e.target;
79 102 
 	    if ($(target).is("li")) {
80 103 
 	    	if($(target).attr("class") != "searchActive"){

+ 0 - 5
fund_h5_01/js/choose_city.js
Ver Arquivo 

@@ -14,7 +14,6 @@ if(local_city){
14 14 
 checkToken();
15 15
16 16
17 
-
18 17 
 $('#back').click(function() {
19 18 
 // 	window.webkit.messageHandlers.PopRootMessageHandler.postMessage({name:"1"});
20 19 
 	if (document.referrer.includes('fund_h5_api.html')) {
 
@@ -24,10 +23,6 @@ $('#back').click(function() {
24 23 
     }
25 24 
 });
26 25
27 
-//搜索
28 
-function searchCity () {
29 
-	window.location.href = "choice_city.html?token=" + token;
30 
-}
31 26
32 27 
 $('.current-city').click(function() {
33 28

+ 3 - 1
fund_h5_01/js/fund_h5_api.js
Ver Arquivo 

@@ -297,6 +297,8 @@ function renderLoginInfo(cityInfo) {
297 297 
                 placeStr = '请输入账号';
298 298 
             } else if (loginField.name.includes('姓名')) {
299 299 
                 placeStr = '请输入姓名';
300 
+            } else if (loginField.name.includes('登录名')) {
301 
+                placeStr = '请输入登录名';
300 302 
             } else if (loginField.name.includes('存折账号')) {
301 303 
                 placeStr = '请输入存折账号';
302 304 
             } else if (loginField.name.includes('密码')) {
 
@@ -887,6 +889,6 @@ function loanClick () {
887 889 
 //		var id = $(this).attr('data-id');
888 890 
 //		var name = $(this).attr('data-name');
889 891 
 //		extension_statistics(id,name)
890 
-		extension_statistics(328,"贷款")
892 
+		extension_statistics(329,"贷款")
891 893 
 	})
892 894 
 }

+ 27 - 0
fund_h5_01/js/queryHelp.js
Ver Arquivo 

@@ -28,6 +28,7 @@ $().ready(function() {
28 28 
     $(".goOfficialNetwork i").html(city_name)
29 29 
     goBack()
30 30 
     cituInfoData()
31 
+    loanClick();
31 32 
 });
32 33 
 //nav返回上一页
33 34 
 function goBack () {
 
@@ -98,3 +99,29 @@ function cituInfoData () {
98 99 
 		}
99 100 
 	});
100 101 
 }
102 
+//推广统计的接口
103 
+function extension_statistics (id,name) {
104 
+	$.ajax({
105 
+		type:"POST",
106 
+		url: "/api/hot/getactivitylink",
107 
+		data:{
108 
+			'id': id
109 
+		},
110 
+		dataType:'json',
111 
+		success: function (res) {
112 
+			if(res.errno == 0 && res.rst){
113 
+				var url = res.rst.link;
114 
+				url = encodeURIComponent(url);
115 
+				window.location.href='loan.html?url=' + url
116 
+			}else{
117 
+				showMsg(res.err)
118 
+			}
119 
+		}
120 
+	});
121 
+}
122 
+
123 
+function loanClick () {
124 
+	$(".mySwiper").click(function () {
125 
+		extension_statistics(329,"贷款")
126 
+	})
127 
+}

+ 3 - 0
fund_h5_01/loan.html
Ver Arquivo 

@@ -41,6 +41,9 @@
41 41 
 	$().ready(function() {
42 42 
 	    if (qs.url) {
43 43 
 	        goUrl = qs.url;
44 
+	        goUrl = decodeURIComponent('http%3A%2F%2Fdai.cmcm.com%2Fapp%2Findex.html%3Ff%3D203');
45 
+	        console.log(goUrl)
46 
+
44 47 
 	    }
45 48 
 	    if (qs.name) {
46 49 
 	        name = qs.name;

+ 23 - 15
fund_h5_01/queryHelp.html
Ver Arquivo 

@@ -5,7 +5,7 @@
5 5 
 	    <title>查询帮助</title>
6 6 
 	    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7 7 
 	    <link rel="stylesheet" href="./css/reset.css?vv=10">
8 
-	    <link rel="stylesheet" href="./css/query-help.css?vv=10">
8 
+	    <link rel="stylesheet" href="./css/query-help.css?vv=11">
9 9 
 	    <script src="./js/jquery.min.js"></script>
10 10 
 	    <div style="display: none;">
11 11 
 	    	<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274146775'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274146775' type='text/javascript'%3E%3C/script%3E"));</script>
 
@@ -20,19 +20,27 @@
20 20 
 	    </style>
21 21 
 	</head>
22 22 
 	<body>
23 
-		<nav>
24 
-	        <i id='back'></i>
25 
-	        <p>查询帮助</p>
26 
-	    </nav>
27 
-	    <input id="copy_1" type="text" readonly="true" value=""/>
28 
-		<div id="copy_2"></div>
29 
-	    <div class="content">
30 
-	    	<div class="container"></div>
31 
-	    	<div class="goGjj"></div>
32 
-	    	<!--<h3 class="title">如何获取查询密码/公积金帐号</h3>
33 
-	    	<p class="goOfficialNetwork">如果您还未在最新版，<i>北京</i>公积金官网主注册并设置相关信息；<span onclick="goZhuce()">立即前往 >></span></p>
34 
-	    	<p class="goOfficialNetwork">注册完成后即可使用APP查询。</p>-->
35 
-	    </div>
23 
+		<div id="body">
24 
+			<nav>
25 
+		        <i id='back'></i>
26 
+		        <p>查询帮助</p>
27 
+		    </nav>
28 
+		    <input id="copy_1" type="text" readonly="true" value=""/>
29 
+			<div id="copy_2"></div>
30 
+		    <div class="content">
31 
+		    	<div class="container"></div>
32 
+		    	<div class="goGjj"></div>
33 
+		    	<!--<h3 class="title">如何获取查询密码/公积金帐号</h3>
34 
+		    	<p class="goOfficialNetwork">如果您还未在最新版，<i>北京</i>公积金官网主注册并设置相关信息；<span onclick="goZhuce()">立即前往 >></span></p>
35 
+		    	<p class="goOfficialNetwork">注册完成后即可使用APP查询。</p>-->
36 
+		    </div>
37 
+		</div>
38 
+	     <!--贷款推荐位-->
39 
+        <div class="loan_recommendation">
40 
+        	<div class="mySwiper">
41 
+        		<img src="img/banner@3x.png" />
42 
+        	</div>
43 
+        </div>
36 44 
         <div class="alert-info" style="display: none;">
37 45 
             <!-- tip提示,3s后消失 -->
38 46 
             <p></p>
 
@@ -41,4 +49,4 @@
41 49 
 </html>
42 50 
 <script src="./js/auto_size.js?vv=10"></script>
43 51 
 <script src="./js/tips.js?vv=10"></script>
44 
-<script type="text/javascript" src="js/queryHelp.js?vv=13"></script>
52 
+<script type="text/javascript" src="js/queryHelp.js?vv=14"></script>