Browse Source

处理金控广告消失的问题

hejq 7 years ago
parent
commit
032f47a816

+ 162 - 162
src/main/webapp/WEB-INF/views/normal/index.html

@@ -1,24 +1,24 @@
 <!DOCTYPE HTML>
 <html lang="zh-CN">
 <head>
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<meta name="renderer" content="webkit">
-<meta name="baidu-site-verification" content="S0kf5fz0uA" />
-<meta charset="utf-8">
-<title>B2B商务</title>
-<meta name="keywords"
-	content="B2B商务,优软商务,优软B2B平台,商务平台,B2B平台,B2B,电子商务,ERP,UAS,UBTOB.COM,USOFTCHINA.COM,优软,优软科技,深圳市优软科技有限公司">
-<meta name="description" content="B2B商务,企业供销信息交流平台。">
-<link href="static/img/icon/u.png" rel="icon" type="image/x-icon" />
-<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
-<link rel="stylesheet"
-	href="static/lib/fontawesome/css/font-awesome.min.css" />
-<link rel="stylesheet" href="static/lib/angular/toaster.css" />
-<link rel="stylesheet" href="static/css/index.css" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="renderer" content="webkit">
+	<meta name="baidu-site-verification" content="S0kf5fz0uA" />
+	<meta charset="utf-8">
+	<title>B2B商务</title>
+	<meta name="keywords"
+		  content="B2B商务,优软商务,优软B2B平台,商务平台,B2B平台,B2B,电子商务,ERP,UAS,UBTOB.COM,USOFTCHINA.COM,优软,优软科技,深圳市优软科技有限公司">
+	<meta name="description" content="B2B商务,企业供销信息交流平台。">
+	<link href="static/img/icon/u.png" rel="icon" type="image/x-icon" />
+	<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
+	<link rel="stylesheet"
+		  href="static/lib/fontawesome/css/font-awesome.min.css" />
+	<link rel="stylesheet" href="static/lib/angular/toaster.css" />
+	<link rel="stylesheet" href="static/css/index.css" />
 </head>
 <body ng-controller="AuthCtrl">
-	<!-- top Start -->
-	<div class="fixed-menu">
+<!-- top Start -->
+<div class="fixed-menu">
 	<!-- top End -->
 	<!-- header Start -->
 	<div class="height6">&nbsp;</div>
@@ -33,7 +33,7 @@
 			<nav class="navbar-collapse">
 				<ul class="nav navbar-nav">
 					<li ng-class="{'active': routeState == 'home'}"><a
-						ui-sref="home">首页</a></li>
+							ui-sref="home">首页</a></li>
 					<li class="dropdown" id="home-dropdown"><a href="javascript:void(0)" role="button" class="dropdown-toggle"> 服务 <i class="fa fa-angle-down"></i></a>
 
 					</li>
@@ -193,157 +193,157 @@
 			</div>
 		</div>
 	</div>
+</div>
+<!-- header End -->
+<!-- body Start -->
+<div class="body">
+	<div class="left">
+		<div ui-view="left-view"></div>
 	</div>
-	<!-- header End -->
-	<!-- body Start -->
-	<div class="body">
-		<div class="left">
-			<div ui-view="left-view"></div>
-		</div>
-		<div class="right">
-			<div ui-view="right-view" class="view-slide-in"></div>
-		</div>
+	<div class="right">
+		<div ui-view="right-view" class="view-slide-in"></div>
 	</div>
-	<!-- body End -->
+</div>
+<!-- body End -->
 
-	<!-- 金控广告 -->
-	<div ng-controller="AdController">
-        <div ng-if="adStart">
-            <div class="jinkong_bottom" ng-if="banner" ng-class="{'jinkong_animation': jingKongAnmiation}"></div>
-            <div class="jinkong" ng-if="imgShow" ng-class="{'jinkong_animation': jingKongAnmiation}">
-                <div class="container">
-                    <div class="img" ng-class="{'img_stater': imgAnmiation}">
-                        <span class="qcrode_close close" ng-click="closeClick()">×</span>
-                        <span class="close time" ng-if="!imgAnmiation">{{count || 0}}s</span>
-                        <img src="static/img/jinkong/xiaoren.png" ng-class="{'animation_xr': imgAnmiation}">
-                        <img src="static/img/jinkong/qrcode.png">
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
- 	<!-- -金控广告 -->
+<!-- 金控广告 -->
+<div ng-controller="AdController">
+	<div ng-if="adStart">
+		<div class="jinkong_bottom" ng-show="bannerShow" ng-class="{'jinkong_animation': jingKongAnmiation}"></div>
+		<div class="jinkong" ng-if="imgShow" ng-class="{'jinkong_animation': jingKongAnmiation}">
+			<div class="container">
+				<div class="img" ng-class="{'img_stater': imgAnmiation}">
+					<span class="qcrode_close close" ng-click="closeClick()">×</span>
+					<span class="close time" ng-if="!imgAnmiation">{{count}}s</span>
+					<img src="static/img/jinkong/xiaoren.png" ng-class="{'animation_xr': imgAnmiation}">
+					<img src="static/img/jinkong/qrcode.png">
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- -金控广告 -->
 
-	<!-- footer Start -->
-	<div class="navbar navbar-static-bottom" id="footer">
-		<div class="container">
-			<div class="row" style="margin-top: 15px;">
-				<div class="col-sm-3 margin-left">
-					<div class="qrcode qrcode-uu">
-						<div class="qrcode-img pull-left">
-							<img src="static/img/qrcode/UU-Qr-Code.png" width="100px" height="100px"
-								alt="UU互联" />
-						</div>
-						<div class="qrcode-text pull-left">
-							<div>手机UU</div>
-							<div>快人一步</div>
-						</div>
-						<div class="clearfix"></div>
+<!-- footer Start -->
+<div class="navbar navbar-static-bottom" id="footer">
+	<div class="container">
+		<div class="row" style="margin-top: 15px;">
+			<div class="col-sm-3 margin-left">
+				<div class="qrcode qrcode-uu">
+					<div class="qrcode-img pull-left">
+						<img src="static/img/qrcode/UU-Qr-Code.png" width="100px" height="100px"
+							 alt="UU互联" />
 					</div>
-				</div>
-				<div class="col-sm-3">
-					<div class="qrcode qrcode-uas">
-						<div class="qrcode-img pull-left">
-							<img src="static/img/qrcode/WeChat-Qr-Code.png" width="100px" height="100px"
-								alt="优软公众号" />
-						</div>
-						<div class="qrcode-text pull-left">
-							<div>微信扫描</div>
-							<div>关注公众号</div>
-						</div>
-						<div class="clearfix"></div>
+					<div class="qrcode-text pull-left">
+						<div>手机UU</div>
+						<div>快人一步</div>
 					</div>
+					<div class="clearfix"></div>
 				</div>
-				<div class="col-sm-4">
-					<p>
-						<a href="http://www.usoftchina.com" target="_blank">关于深圳市优软科技有限公司</a>
-					</p>
-					<p>
-						<a href="serve"><i class="fa fa-headphones"></i> 服务中心</a>
-						<a>&nbsp;&nbsp;</a>
-						<span><i class="fa fa-phone"></i> 800-830-1818</span>
-					</p>
-					<p><span><i class="fa fa-envelope-o"></i> serve@usoftchina.com</span></p>
-				</div>
-				<div class="col-sm-2" style="float: right;">
-					<a href="http://www.ubtob.com" class="back-home">返回优软云</a>
+			</div>
+			<div class="col-sm-3">
+				<div class="qrcode qrcode-uas">
+					<div class="qrcode-img pull-left">
+						<img src="static/img/qrcode/WeChat-Qr-Code.png" width="100px" height="100px"
+							 alt="优软公众号" />
+					</div>
+					<div class="qrcode-text pull-left">
+						<div>微信扫描</div>
+						<div>关注公众号</div>
+					</div>
+					<div class="clearfix"></div>
 				</div>
 			</div>
+			<div class="col-sm-4">
+				<p>
+					<a href="http://www.usoftchina.com" target="_blank">关于深圳市优软科技有限公司</a>
+				</p>
+				<p>
+					<a href="serve"><i class="fa fa-headphones"></i> 服务中心</a>
+					<a>&nbsp;&nbsp;</a>
+					<span><i class="fa fa-phone"></i> 800-830-1818</span>
+				</p>
+				<p><span><i class="fa fa-envelope-o"></i> serve@usoftchina.com</span></p>
+			</div>
+			<div class="col-sm-2" style="float: right;">
+				<a href="http://www.ubtob.com" class="back-home">返回优软云</a>
+			</div>
 		</div>
 	</div>
-	<!-- footer End -->
-	<!--新手引导-->
-	<!--<div id="mask"></div>-->
-	<!--<div id="searchTip" style="display: none">
-		<div class="stepA">
-			&lt;!&ndash;<img src="static/img/guide/more00003.png" alt="" class="bg"/>&ndash;&gt;
-			<a class="btn">下一步</a><span title="关闭" class="close"></span>
-		</div>
-		<div class="stepB">
-			<img src="static/img/guide/more02.jpg" alt="" class="bg"/>
-			<a>下一步</a><span title="关闭" class="close"></span>
-		</div>
-		<div class="stepC">
-			<img src="static/img/guide/more03.jpg" alt="" class="bg"/>
-			<a>完成</a><span title="关闭" class="close"></span>
-		</div>
-	</div>-->
-	<!-- 消息提示框  Start-->
-	<toaster-container
+</div>
+<!-- footer End -->
+<!--新手引导-->
+<!--<div id="mask"></div>-->
+<!--<div id="searchTip" style="display: none">
+    <div class="stepA">
+        &lt;!&ndash;<img src="static/img/guide/more00003.png" alt="" class="bg"/>&ndash;&gt;
+        <a class="btn">下一步</a><span title="关闭" class="close"></span>
+    </div>
+    <div class="stepB">
+        <img src="static/img/guide/more02.jpg" alt="" class="bg"/>
+        <a>下一步</a><span title="关闭" class="close"></span>
+    </div>
+    <div class="stepC">
+        <img src="static/img/guide/more03.jpg" alt="" class="bg"/>
+        <a>完成</a><span title="关闭" class="close"></span>
+    </div>
+</div>-->
+<!-- 消息提示框  Start-->
+<toaster-container
 		toaster-options="{'position-class': 'toast-top-center'}"></toaster-container>
-	<script type="text/javascript" src="static/lib/require.js"
+<script type="text/javascript" src="static/lib/require.js"
 		data-main="static/js/index/main.js"></script>
-	<script src="static/lib/jquery/jquery.min.js"></script>
-	<script src="static/lib/bootstrap/js/bootstrap.js"></script>
+<script src="static/lib/jquery/jquery.min.js"></script>
+<script src="static/lib/bootstrap/js/bootstrap.js"></script>
 <script type="text/javascript">
-	$(function(){
-		// 新手引导
-		$('#mask,#searchTip,#searchTip div:eq(0)').show();
-		$("#searchTip div a").click(function(){
-			var current=$(this).parent();
-			current.hide();
-			current.next().show();
-		})
-		$('#searchTip div span,#searchTip div a:last').click(function(){
-			$("#mask,#searchTip").hide();
-		})
-		//首次访问添加cookie
-		var oDate = new Date();
-		oDate.setDate(oDate.getDate()+30);
-		document.cookie="name=mycookie;expires="+oDate;
+    $(function(){
+        // 新手引导
+        $('#mask,#searchTip,#searchTip div:eq(0)').show();
+        $("#searchTip div a").click(function(){
+            var current=$(this).parent();
+            current.hide();
+            current.next().show();
+        })
+        $('#searchTip div span,#searchTip div a:last').click(function(){
+            $("#mask,#searchTip").hide();
+        })
+        //首次访问添加cookie
+        var oDate = new Date();
+        oDate.setDate(oDate.getDate()+30);
+        document.cookie="name=mycookie;expires="+oDate;
 
 		/*切换*/
-		$('.heed-tab ul li').click(function(){
-			$(this).addClass('active').siblings().removeClass('active');
-			$('.tab-list>.tab:eq('+$(this).index()+')').show().siblings().hide();
-		});
-		$('#home-dropdown').click(function (){
-			$(".dropdown-tab").toggle();
-			$('.dropdown-tab01').mouseenter(function(){
-				$(".dropdown-tab").show();
-			});
-			$('.dropdown-tab01').mouseleave(function(){
-				$(".dropdown-tab").hide();
-			});
-		});
-		$('#home-dropdown').hover(function (){
-			$(".dropdown-tab").hide();
-		});
-		$('.dropdown-tab .tab-list a').click(function(){
-			$(".dropdown-tab").hide();
-		});
-		$('.dropdown-tab a.href').click(function(){
-			$(".dropdown-tab").hide();
-		});
-		$('#home-headerName a').hover(function(){
-			$(".name-tk").toggle();
-			$('.name-tk').mouseenter(function(){
-				$(this).show();
-			});
-			$('.name-tk').mouseleave(function(){
-				$(this).hide();
-			});
-		})
+        $('.heed-tab ul li').click(function(){
+            $(this).addClass('active').siblings().removeClass('active');
+            $('.tab-list>.tab:eq('+$(this).index()+')').show().siblings().hide();
+        });
+        $('#home-dropdown').click(function (){
+            $(".dropdown-tab").toggle();
+            $('.dropdown-tab01').mouseenter(function(){
+                $(".dropdown-tab").show();
+            });
+            $('.dropdown-tab01').mouseleave(function(){
+                $(".dropdown-tab").hide();
+            });
+        });
+        $('#home-dropdown').hover(function (){
+            $(".dropdown-tab").hide();
+        });
+        $('.dropdown-tab .tab-list a').click(function(){
+            $(".dropdown-tab").hide();
+        });
+        $('.dropdown-tab a.href').click(function(){
+            $(".dropdown-tab").hide();
+        });
+        $('#home-headerName a').hover(function(){
+            $(".name-tk").toggle();
+            $('.name-tk').mouseenter(function(){
+                $(this).show();
+            });
+            $('.name-tk').mouseleave(function(){
+                $(this).hide();
+            });
+        })
         $('#home-headerBtns .user-btn').hover(function(){
             $(".user-tk").toggle();
             $('.user-tk').mouseenter(function(){
@@ -353,16 +353,16 @@
                 $(this).hide();
             });
         })
-		$('.user-tk .moblie-btn ').hover(function(){
-			$(".erweima-tk").toggle();
-			$('.erweima-tk').mouseenter(function(){
-				$(this).show();
-			});
-			$('.erweima-tk').mouseleave(function(){
-				$(this).hide();
-			});
-		})
-	})
+        $('.user-tk .moblie-btn ').hover(function(){
+            $(".erweima-tk").toggle();
+            $('.erweima-tk').mouseenter(function(){
+                $(this).show();
+            });
+            $('.erweima-tk').mouseleave(function(){
+                $(this).hide();
+            });
+        })
+    })
 </script>
 </body>
 </html>

+ 58 - 55
src/main/webapp/resources/css/index.css

@@ -750,9 +750,9 @@ ul>li.item-link>a {
 	font-size: 13px;
 }
 @media screen and (max-width: 1199px) {
-    #home-search input{
-        width: 180px;
-    }
+	#home-search input{
+		width: 180px;
+	}
 }
 @media screen and (min-width: 1200px) and (max-width: 1366px) {
 	#home-search input{
@@ -760,24 +760,24 @@ ul>li.item-link>a {
 	}
 }
 @media screen and (min-width: 1367px) and (max-width: 1560px) {
-    #home-search input{
-        width: 250px;
-    }
+	#home-search input{
+		width: 250px;
+	}
 }
 #home-search input:focus {
 	outline: none;
 }
 /** placeholder 格式 **/
 /*#home-search input::-webkit-input-placeholder{ !*WebKit browsers*!*/
-	/*padding-left: 10px;*/
+/*padding-left: 10px;*/
 /*}*/
 
 /*#home-search input::-moz-input-placeholder{ !*Mozilla Firefox*!*/
-	/*padding-left: 10px;*/
+/*padding-left: 10px;*/
 /*}*/
 
 /*#home-search input::-ms-input-placeholder{ !*Internet Explorer*!*/
-	/*padding-left: 10px;*/
+/*padding-left: 10px;*/
 /*}*/
 
 #home-headerName{
@@ -814,7 +814,7 @@ ul>li.item-link>a {
 	position: absolute;
 	right: 0;
 	top:0;
-    padding-right: 35px;
+	padding-right: 35px;
 	height: 50px;
 	line-height: 50px;
 	color: #fff;
@@ -834,8 +834,8 @@ ul>li.item-link>a {
 	font-weight: bold;
 }
 #home-headerBtns a i.fa-user{
-	 color: #fff;
- }
+	color: #fff;
+}
 #home-headerBtns a:first-child:hover span{
 	color: #fff
 }
@@ -922,10 +922,10 @@ ul>li.item-link>a {
 }
 
 #header.navbar-inverse .navbar-nav>.active>a,#header.navbar-inverse .navbar-nav>.active>a:hover,#header.navbar-inverse .navbar-nav>.active>a:focus
- {
-	 background: transparent ;
-	 border-bottom: 2px solid #fff;
- }
+{
+	background: transparent ;
+	border-bottom: 2px solid #fff;
+}
 #header.navbar-inverse .navbar-nav>dropdown.active>a,#header.navbar-inverse .navbar-nav>dropdown.active>a:hover,#header.navbar-inverse .navbar-nav>dropdown.active>a:focus
 {
 	background: transparent ;
@@ -1242,15 +1242,15 @@ ul>li.item-link>a {
 }
 
 /*.nav-label>i {*/
-	/*position: absolute;*/
-	/*left: 15px;*/
-	/*top: 18px;*/
-	/*width: 0;*/
-	/*height: 0;*/
-	/*border-color: transparent;*/
-	/*border-style: solid;*/
-	/*border-width: 5px 5px 0 5px;*/
-	/*border-top-color: #9ea9c0;*/
+/*position: absolute;*/
+/*left: 15px;*/
+/*top: 18px;*/
+/*width: 0;*/
+/*height: 0;*/
+/*border-color: transparent;*/
+/*border-style: solid;*/
+/*border-width: 5px 5px 0 5px;*/
+/*border-top-color: #9ea9c0;*/
 /*}*/
 
 .nav_icon{
@@ -1441,7 +1441,7 @@ ul>li.item-link>a {
 	background: #fff;
 	line-height: 40px;
 	font-size: 18px;
-    font-weight: bold;
+	font-weight: bold;
 	padding: 0 15px;
 	border-bottom: 1px solid #e8e8e8;
 	color: #666;
@@ -2857,7 +2857,7 @@ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
 .user-tk {
 	position: absolute;
 	text-align: left;
-	 display: none;
+	display: none;
 	right: 0;
 	top: 44px;
 	/* animation: slideDown .2s ease-in 1 normal both; */
@@ -3501,7 +3501,7 @@ input::-webkit-clear{display:none;}
 	border: #3f84f6 1px solid;
 }
 #myquest-public  .all-btn a.btn01{
-/*	background: #27b6da;*/
+	/*	background: #27b6da;*/
 	margin-bottom: 5px;
 }
 #myquest-public  .all-btn a.btn02{
@@ -4736,16 +4736,19 @@ a.order-detail {
 	height:241px;
 	position:fixed;
 	bottom:0;
+	left: 0;
 	z-index:10000;
 	background: url(../img/jinkong/tangchuan.png)no-repeat center center;
 }
+
 .jinkong_animation{
 	margin-bottom:-241px;
-	animation: shift_up 1s linear 1s forwards;
-	-o-animation: shift_up 1s linear 1s forwards;
-	-webkit-animation: shift_up 1s linear 1s forwards;
-	-moz-animation: shift_up 1s linear 1s forwards;
+	animation: shift_up 1s linear forwards;
+	-o-animation: shift_up 1s linear forwards;
+	-webkit-animation: shift_up 1s linear forwards;
+	-moz-animation: shift_up 1s linear forwards;
 }
+
 @keyframes shift_up {
 	form{margin-bottom: -241px;opacity:0;}
 	to{margin-bottom:0;opacity:1;}
@@ -4776,7 +4779,7 @@ a.order-detail {
 }
 .jinkong{
 	position:fixed;
-	bottom:0;
+	bottom:-130px;
 	z-index:10000;
 	width:100%;
 }
@@ -4785,12 +4788,12 @@ a.order-detail {
 	position:relative;
 	width:80px;
 	height:130px;
-	top:-100px;
+	top:-230px;
 	right:-765px;
-    transform:scale(.8);
-    -o-transform:scale(.8);
-    -webkit-transform:scale(.8);
-    -moz-transform:scale(.8);
+	transform:scale(.8);
+	-o-transform:scale(.8);
+	-webkit-transform:scale(.8);
+	-moz-transform:scale(.8);
 }
 .img_stater{
 	animation: shift_left 1s linear forwards;
@@ -4810,19 +4813,19 @@ a.order-detail {
 	100%{right:-20px;transform:scale(1);}
 }
 @-o-keyframes shift_left {
-    0%{right: -765px;transform:scale(.8);}
-    80%{right: -65px;transform:scale(.8);}
-    100%{right:-20px;transform:scale(1);}
+	0%{right: -765px;transform:scale(.8);}
+	80%{right: -65px;transform:scale(.8);}
+	100%{right:-20px;transform:scale(1);}
 }
 @-webkit-keyframes shift_left {
-    0%{right: -765px;transform:scale(.8);}
-    80%{right: -65px;transform:scale(.8);}
-    100%{right:-20px;transform:scale(1);}
+	0%{right: -765px;transform:scale(.8);}
+	80%{right: -65px;transform:scale(.8);}
+	100%{right:-20px;transform:scale(1);}
 }
 @-moz-keyframes shift_left {
-    0%{right: -765px;transform:scale(.8);}
-    80%{right: -65px;transform:scale(.8);}
-    100%{right:-20px;transform:scale(1);}
+	0%{right: -765px;transform:scale(.8);}
+	80%{right: -65px;transform:scale(.8);}
+	100%{right:-20px;transform:scale(1);}
 }
 @keyframes img_scale {
 	0%{transform:scale(1);}
@@ -4850,15 +4853,15 @@ a.order-detail {
 	top:0;
 }
 .jinkong .img .time{
-    position:absolute;
-    right:-70px;
-    top:0;
-    color:#333;
+	position:absolute;
+	right:-70px;
+	top:0;
+	color:#333;
 	background:none;
 }
 .jinkong .img .qcrode_close:hover{
-    background: #666;
-    color:#fff;
+	background: #666;
+	color:#fff;
 }
 .jinkong .img img{
 	display:block;
@@ -4866,6 +4869,6 @@ a.order-detail {
 	text-align: center;
 }
 #img_xiaoren{
-    position:relative;
-    top:10px;
+	position:relative;
+	top:10px;
 }

+ 4 - 3
src/main/webapp/resources/js/index/app.js

@@ -941,7 +941,7 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
             $scope.adStart = true;
             // 广告操作
             $scope.count = 5;
-            $scope.banner = true;
+            $scope.bannerShow = true;
             $scope.imgAnmiation = false;
             $scope.jingKongAnmiation = true;
             $scope.imgShow = true;
@@ -949,6 +949,7 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
                 $scope.count--;
                 if ($scope.count <= 0) {
                     $scope.count = 5;
+                    $scope.jingKongAnmiation = false;
                     $interval.cancel($scope.Times);
                     $scope.closeClick();
                 }
@@ -956,11 +957,11 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
             // 金控广告动画设置
             $scope.closeClick = function () {
                 $scope.jingKongAnmiation = false;
-                if ($scope.banner === false) {
+                if ($scope.bannerShow === false) {
                     $scope.imgAnmiation = false;
                     $scope.imgShow = false;
                 } else {
-                    $scope.banner = false;
+                    $scope.bannerShow = false;
                     $scope.imgAnmiation = true;
                 }
             }