ws2z3gr2017 vor 7 Jahren
Ursprung
Commit
82d54266c9
11 geänderte Dateien mit 71 neuen und 8 gelöschten Zeilen
  1. BIN
      img/6.jpg
  2. BIN
      img/7.jpg
  3. BIN
      img/index_fix1.png
  4. BIN
      img/index_fix2.png
  5. BIN
      img/index_fix3.png
  6. BIN
      img/index_fix4.png
  7. 13 1
      src/css/public.css
  8. 4 3
      src/js/index.js
  9. 14 0
      src/js/public.js
  10. 39 3
      template/index.html
  11. 1 1
      webpack/module.config.js

BIN
img/6.jpg


BIN
img/7.jpg


BIN
img/index_fix1.png


BIN
img/index_fix2.png


BIN
img/index_fix3.png


BIN
img/index_fix4.png


+ 13 - 1
src/css/public.css

@@ -79,4 +79,16 @@ header .nav_right a:hover{color: #2a6597;}
     padding-left:45px;margin-top:15px;}
 .text_bottom p{font-weight: bold;line-height: 25px;}
 .text_bottom a{color:#fff;font-size: 1.2rem;line-height: 18px;}
-.pol_act{margin-left: 5px;}
+.pol_act{margin-left: 5px;}
+
+
+/*右侧挂件*/
+.pub_fix{width: 70px;position: fixed;right: 68px;bottom: 150px;border-radius: 10px;border: 1px solid #e0e0e0;overflow: hidden;text-align: center;height: 382px;}
+.pub_fix .index_blur{width: 100%;height: 30px;line-height: 30px;background: #4c7fa9;display: inline-block;}
+.pub_fix .index_orange{width: 100%;height: 30px;line-height: 30px;background: #ffd68f;display: inline-block;}
+.pub_fix ul li:first-child{border: none;}
+.pub_fix ul li{padding-top: 6px;padding-bottom: 6px;border-top: 1px dotted #e0e0e0;background: #FFFFFF;}
+.pub_fix ul li img{margin-bottom: 4px;}
+.pub_fix ul li:hover{cursor: pointer;}
+.pub_fix ul li p {color: #074d88;font-size: 14px;}
+.pub_fix ul li a{text-decoration: none;}

+ 4 - 3
src/js/index.js

@@ -10,10 +10,11 @@ $(function(){
 	var lilengths=$('.need_imgs ul li').length;
 	$('.need_next').click(function(){
 		k++;
-		if(k>lilengths-3){
+		if(k>lilengths-3){							
 			k=0
-		}
-		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000)
+		}				
+		$('.need_imgs ul').animate({'marginLeft':-(liwit+20)*k},1000)	
+			
 	});
 	$('.need_prev').click(function(){
 		k--;

+ 14 - 0
src/js/public.js

@@ -62,4 +62,18 @@ $(function(){
 				$('body').css({paddingTop:0})
 			}
 		});	
+		
+	//挂件
+	$('.pendent_box').click(function(e){	
+			e.preventDefault();
+			$("body,html").animate({scrollTop:0},1000)
+		});
+//		$(window).scroll(function(){
+//		var scrolltop=$(document).scrollTop()
+//			if(scrolltop>700){
+//				$('.pendent_box').fadeIn(200);								
+//			}else{
+//				$('.pendent_box').fadeOut(200);				
+//			}
+//		});
 })

+ 39 - 3
template/index.html

@@ -9,6 +9,9 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>首页</title>
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
+    <link rel="stylesheet" href="../src/css/public.css" />
+    <link rel="stylesheet" type="text/css" href="../src/css/index_home.css"/>-->
 </head>
 <body>  	
   	<header>
@@ -35,8 +38,8 @@
   		<div class="banner_box" >  			 		
 	  		<ul>
 	  			<li><img src="../img/banner1.png" alt="" class="banner_imgs"/></li>	  					  					  				  						  					  		
-	  			<li><img src="../img/x_banner02.png" alt="" class="banner_imgs"/></li> 		  					  					  									  					  			
-	  			<li><img src="../img/banner1.png" alt="" class="banner_imgs"/></li>	  			
+	  			<li><img src="../img/6.jpg" alt="" class="banner_imgs"/></li> 		  					  					  									  					  			
+	  			<li><img src="../img/7.jpg" alt="" class="banner_imgs"/></li>	  			
 	  		</ul>
 	  	</div>
   		<div class="index_tt">
@@ -372,7 +375,40 @@
 				</div>
 			</div>
 		</div>
-
+		
+	</div>
+	<div class="pub_fix">		
+			<span class="index_blur"></span>
+			<ul class="ret_top">
+				<li>
+					<a href="">
+						<img src="../img/index_fix1.png" alt="" />
+						<p>发布需求</p>
+					</a>
+				</li>
+				<li>
+					<a href="">
+						<img src="../img/index_fix2.png" alt="" />
+						<p>发布技术</p>
+					</a>
+				</li>
+				<li>
+					<a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+						<img src="../img/index_fix3.png" alt="" />
+						<p>联系客服</p>
+					</a>
+				</li>
+				<li>
+					<a href="" class="pendent_box">
+						<img src="../img/index_fix4.png" alt="" />
+						<p>返回顶部</p>
+					</a>
+				</li>
+			</ul>
+			<span class="index_orange"></span>		
 	</div>
+	<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
+	<script type="text/javascript" src="../src/js/index.js"></script>
+	<script type="text/javascript" src="../src/js/public.js"></script>-->
 </body>
 </html>

+ 1 - 1
webpack/module.config.js

@@ -40,7 +40,7 @@ module.exports = function (theme) {
       use: [{
         loader: 'url-loader',
         options: {
-          limit: 8192,
+          limit: 1,
           name: '[path][name].[ext]'
         }
       }]