公共询价引导功能

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

@@ -342,29 +342,21 @@
 	</div>
 	<!-- footer End -->
 	<!--新手引导-->
-	<!--<div ng-init="currentStep = 1" class="guide">-->
-		<!--<ul  ui-tour="currentStep" class="container">-->
-			<!--<li target="h1:eq(0)" class="popover right in" overlay>-->
-				<!--<img src="static/img/guide/more1.png" alt=""/>-->
-				<!--&lt;!&ndash;点击下一步&ndash;&gt;-->
-				<!--<span class="guide01" ng-click="currentStep = currentStep + 1"></span>-->
-				<!--<div class="close" ng-click="currentStep = false">&times;</div>-->
-			<!--</li>-->
-			<!--<li target="h1:eq(1)" class="popover right in">-->
-				<!--<img src="static/img/guide/more2.png" alt=""/>-->
-				<!--&lt;!&ndash;点击下一步&ndash;&gt;-->
-				<!--<span class="guide02" ng-click="currentStep = currentStep + 1"></span>-->
-				<!--<div class="close close02" ng-click="currentStep = false">&times;</div>-->
-			<!--</li>-->
-			<!--<li target="h1:eq(2)" class="popover right in">-->
-				<!--<img src="static/img/guide/more3.png" alt=""/>-->
-				<!--&lt;!&ndash;点击下一步&ndash;&gt;-->
-				<!--<span class="guide03" ng-click="currentStep = false"></span>-->
-				<!--<div class="close close03" ng-click="currentStep = false">&times;</div>-->
-			<!--</li>-->
-		<!--</ul>-->
-		<!--<div class="tour-overlay fade"></div>-->
-	<!--</div>-->
+	<div id="mask"></div>
+	<div id="searchTip">
+		<div class="stepA">
+			<img src="static/img/guide/more1.png" alt="" class="bg"/>
+			<a class="btn">下一步</a><span title="关闭" class="close">&times;</span>
+		</div>
+		<div class="stepB">
+			<img src="static/img/guide/more2.png" alt="" class="bg"/>
+			<a>下一步</a><span title="关闭" class="close">&times;</span>
+		</div>
+		<div class="stepC">
+			<img src="static/img/guide/more3.png" alt="" class="bg"/>
+			<a>完成</a><span title="关闭" class="close">&times;</span>
+		</div>
+	</div>
 	<!-- 消息提示框  Start-->
 	<toaster-container
 		toaster-options="{'position-class': 'toast-top-center'}"></toaster-container>
@@ -384,6 +376,21 @@
 	<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;
+
 		/*切换*/
 		$('.heed-tab ul li').click(function(){
 			$(this).addClass('active').siblings().removeClass('active');

src/main/webapp/resources/css/index.css

@@ -4435,101 +4435,84 @@ a.order-detail {
 }
 
 /*新手引导*/
-[ui-tour] > li {
+#mask{
 	display: none;
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	background: #000;
+	opacity: 0.5;
 }
-.guide .active {
-	display: block !important;
-}
-.tour-overlay {
+#searchTip{
 	display: none;
-	height: 500px;
-	width: 500px;
-	top: -4100px;
-	left: -4100px;
-	background: transparent;
-	border-radius: 8000px;
-	border: 4000px solid rgba(0,0,0,.5);
-	position: fixed;
-	-webkit-transition: all 1s ease;
-	-moz-transition: all 1s ease;
-	-ms-transition: all 1s ease;
-	-o-transition: all 1s ease;
-	transition: all 1s ease;
-}
-.tour-overlay.in {
-	top: -4000px;
-	left: -4000px;
-	height: 300px;
-	width: 300px;
-}
-.popover.right {
-	margin-left: 0 !important;
-}
-.popover {
-	max-width: 100%;
-	padding: 0 !important;
-	border: none !important;
-}
-.guide {
 	position: fixed;
-	top: 0;
 	left: 0;
 	right: 0;
+	top: 0;
 	bottom: 0;
-	z-index: 100000;
-}
-.guide ul li {
 	width: 100%;
 	height: 100%;
+	z-index: 1000;
 }
-.guide ul li img{
+#searchTip div{
+	display: none;
+	position: absolute;
 	width: 100%;
 	height: 100%;
-	margin: 0 auto;
 }
-.guide ul li span {
-	display: inline-block;
+#searchTip div a{
 	position: absolute;
-	width: 5.6%;
-	height: 3.9%;
-	line-height: 38px;
-	text-align: center;
-	font-size: 16px;
-	color: #fff;
-	border-radius: 4px;
+	width: 5.7%;
+	height: 4%;
+	text-indent: -999px;
+	overflow: hidden;
+	cursor: pointer;
 	background: transparent ;
+}
+#searchTip div span{
+	position: absolute;
+	height: 40px;
+	line-height: 35px;
+	width: 40px;
+	font-size: 34px;
+	text-align: center;
+	overflow: hidden;
+	background: rgba(0,0,0,.5);
 	cursor: pointer;
+	border-radius: 50%;
 }
-.guide ul li span.guide01 {
+#searchTip div img.bg{
+	margin: 0 auto;
+	width: 100%;
+	height: 100%;
+}
+.stepA{
+	width: 100%;
+	height: 100%;
+}
+.stepA span{
+	top: 10%;
+	left: 61%;
+}
+.stepA a{
 	top: 45%;
-	left: 55.7%;
+	left: 55.6%;
 }
-.guide ul li span.guide02 {
-	top: 60.1%;
+.stepB a{
+	top: 60%;
 	left: 55.5%;
 }
-.guide ul li span.guide03 {
-	top: 71.6%;
-	left: 56.5%;
+.stepB span{
+	top: 25%;
+	right: 37%;
 }
-.guide ul li div.close{
-	position: absolute;
-	top: 10.7%;
-	left: 60.9%;
-	width: 40px;
-	height: 40px;
-	line-height: 35px;
-	text-align: center;
-	font-size: 40px;
-	background: rgba(0,0,0,.6);
-	border-radius: 50%;
+.stepC a{
+	top: 71.7%;
+	left: 56.4%;
 }
-.guide ul li div.close02{
-	top: 24.8%;
-	left: 60.8%;
+.stepC span{
+	top: 37%;
+	right: 36%;
 }
-.guide ul li div.close03{
-	top: 36.7%;
-	left: 61.8%;
-}