Home Explore Help
Register Sign In
xuhaolan
/
lb
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

更新

xuhaolan 4 years ago
parent
3662e57e6e
commit
248c529b77
31 changed files with 1889 additions and 1651 deletions
Split View Show Diff Stats
  1. 3 0
      .vscode/settings.json
  2. 326 313
      about.html
  3. 19 16
      contact.html
  4. BIN
      img/about/about1.png
  5. BIN
      img/about/about2.png
  6. BIN
      img/about/about3.png
  7. BIN
      img/certificate/certificate3.png
  8. BIN
      img/index/index4.png
  9. BIN
      img/index/index5.jpg
  10. BIN
      img/index/index6.jpg
  11. BIN
      img/services/300x460.jpg
  12. BIN
      img/services/510x380.jpg
  13. BIN
      img/show/show1.jpg
  14. BIN
      img/show/show2.jpg
  15. BIN
      img/show/show3.jpg
  16. BIN
      img/show/show4.jpg
  17. BIN
      img/show/show5.jpg
  18. BIN
      img/show/show6.jpg
  19. 88 111
      index.html
  20. 69 85
      js/about.js
  21. 2 1
      js/contact.js
  22. 3 1
      js/index.js
  23. 1 1
      js/init.js
  24. 86 41
      js/project-single.js
  25. 6 15
      js/project.js
  26. 7 6
      js/service-single.js
  27. 16 5
      js/service.js
  28. 544 465
      project-single.html
  29. 346 340
      project.html
  30. 267 203
      service-single.html
  31. 106 48
      service.html

+ 3 - 0
.vscode/settings.json
View File 

@@ -0,0 +1,3 @@
 
+{

+  "liveServer.settings.port": 5501

+}

+ 326 - 313
about.html
View File 

@@ -4,223 +4,222 @@
 
 <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->

 <!--[if (gte IE 9)|!(IE)]><!-->

 <html lang="en">

-	<!--<![endif]-->

+<!--<![endif]-->

 

-	<head>

+<head>

 

-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

-		<meta name="description" content="Buildify">

-		<meta name="author" content="Marketify">

+	<meta name="description" content="Buildify">

+	<meta name="author" content="Marketify">

 

-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 

-		<title>Buildify | Service</title>

+	<title>关于我们</title>

 

-		<!-- STYLES -->

-		<link rel="stylesheet" type="text/css" href="css/fontello.css" />

-		<link rel="stylesheet" type="text/css" href="css/skeleton.css" />

-		<link rel="stylesheet" type="text/css" href="css/plugins.css" />

-		<link rel="stylesheet" type="text/css" href="css/base.css" />

-		<link rel="stylesheet" type="text/css" href="css/style.css" />

-		<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"

-		 rel="stylesheet">

+	<!-- STYLES -->

+	<link rel="stylesheet" type="text/css" href="css/fontello.css" />

+	<link rel="stylesheet" type="text/css" href="css/skeleton.css" />

+	<link rel="stylesheet" type="text/css" href="css/plugins.css" />

+	<link rel="stylesheet" type="text/css" href="css/base.css" />

+	<link rel="stylesheet" type="text/css" href="css/style.css" />

+	<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"

+		rel="stylesheet">

 

-		<!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->

-		<!-- /STYLES -->

+	<!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->

+	<!-- /STYLES -->

+</head>

 

-	</head>

+<body>

 

-	<body>

 

+	<!-- MAIN BACKGROUND -->

+	<div class="buildify_tm_mainbg">

 

-		<!-- MAIN BACKGROUND -->

-		<div class="buildify_tm_mainbg">

+		<!-- PATTERN -->

+		<div class="marketify_pattern_overlay"></div>

+		<!-- /PATTERN -->

 

-			<!-- PATTERN -->

-			<div class="marketify_pattern_overlay"></div>

-			<!-- /PATTERN -->

+	</div>

+	<!-- /MAIN BACKGROUND -->

 

-		</div>

-		<!-- /MAIN BACKGROUND -->

+	<!-- WRAPPER ALL -->

+	<div class="buildify_tm_wrapper_all" id="app">

 

-		<!-- WRAPPER ALL -->

-		<div class="buildify_tm_wrapper_all" id="app">

+		<div class="buildify_tm_wrapper">

 

-			<div class="buildify_tm_wrapper">

 

+			<div class="buildify_tm_animate_submenu"></div>

 

-				<div class="buildify_tm_animate_submenu"></div>

 

+			<!-- LEFTPART -->

+			<div class="buildify_tm_leftpart_wrap">

 

-				<!-- LEFTPART -->

-				<div class="buildify_tm_leftpart_wrap">

+				<!-- LEFT PATTERN -->

+				<div class="buildify_tm_build_pattern"></div>

+				<!-- /LEFT PATTERN -->

 

-					<!-- LEFT PATTERN -->

-					<div class="buildify_tm_build_pattern"></div>

-					<!-- /LEFT PATTERN -->

+				<!-- MENUBAR -->

+				<div class="buildify_tm_menubar">

+					<div class="buildify_tm_menubar_in">

+						<div class="buildify_tm_menubar_content">

+							<div class="menu_logo">

+								<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>

+							</div>

+							<div class="menu_nav">

+								<div class="menu_nav_in">

+									<div class="menu_nav_content scrollable">

+										<ul class="vert_nav">

+											<li><a href="index.html">首页</a></li>

+											<li >

+												<a href="project.html">产品系列</a>

 

-					<!-- MENUBAR -->

-					<div class="buildify_tm_menubar">

-						<div class="buildify_tm_menubar_in">

-							<div class="buildify_tm_menubar_content">

-								<div class="menu_logo">

-									<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>

-								</div>

-								<div class="menu_nav">

-									<div class="menu_nav_in">

-										<div class="menu_nav_content scrollable">

-											<ul class="vert_nav">

-												<li><a href="index.html">首页</a></li>

-												<li class="active1">

-													<a href="#">方案</a>

-													<div class="inside_menu">

-														<ul>

-															<li><a href="project.html">方案</a></li>

-															<li><a href="project-single.html">方案详情</a></li>

-														</ul>

-													</div>

-												</li>

-												<li class="active1">

-													<a href="#">我们的服务</a>

-													<div class="inside_menu">

-														<ul>

-															<li><a href="service.html">服务</a></li>

-															<li><a href="service-single.html">服务详情</a></li>

-														</ul>

-													</div>

-												</li>

-												<li><a href="about.html">关于我们</a></li>

-												<!-- <li><a href="blog.html">Blog</a></li> -->

-												<li><a href="contact.html">联系我们</a></li>

-											</ul>

-										</div>

+												<!-- <div class="inside_menu">

+													<ul>

+														<li><a href="project.html">产品系列</a></li>

+														<li><a href="project-single.html">产品详情</a></li>

+													</ul>

+												</div> -->

+											</li>

+											<li >

+												<a href="service.html">企业风采</a>

+												<!-- <div class="inside_menu">

+													<ul>

+														<li><a href="service.html">企业风采</a></li>

+														<li><a href="service-single.html">资质荣誉</a></li>

+													</ul>

+												</div> -->

+											</li>

+											<li><a href="about.html">关于我们</a></li>

+											<!-- <li><a href="blog.html">Blog</a></li> -->

+											<li><a href="contact.html">联系我们</a></li>

+										</ul>

 									</div>

 								</div>

 							</div>

 						</div>

-						<div class="buildify_tm_home_button">

-							<span class="first">

-								<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>

-							</span>

-							<span class="second">中国·台州</span>

-						</div>

 					</div>

-					<!-- /MENUBAR -->

-

+					<div class="buildify_tm_home_button">

+						<span class="first">

+							<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>

+						</span>

+						<span class="second">中国·台州</span>

+					</div>

 				</div>

-				<!-- /LEFTPART -->

-

-				<!-- RIGHTPART -->

-				<div class="buildify_tm_rightpart_wrap">

-					<div class="buildify_tm_rightpart">

-

-						<!-- CONTENT -->

-						<div class="buildify_tm_content_wrap">

-							<div class="buildify_tm_content">

-								<!-- TOPBAR -->

-								<div class="buildify_tm_topbar_info">

-									<div class="buildify_tm_connection">

-										<div class="phone_numb">

-											<div class="phone_numb_in">

-												<img src="img/call.png" alt="" />

-												<p>联系我们: <span>1-800-987-6543</span></p>

-											</div>

-										</div>

-										<div class="send_msg">

-											<a href="contact.html">

-												<img class="svg" src="img/svg/message2.svg" alt="" />

-											</a>

+				<!-- /MENUBAR -->

+			</div>

+			

+			<!-- /LEFTPART -->

+

+			<!-- RIGHTPART -->

+			<div class="buildify_tm_rightpart_wrap">

+				<div class="buildify_tm_rightpart">

+

+					<!-- CONTENT -->

+					<div class="buildify_tm_content_wrap">

+						<div class="buildify_tm_content">

+							<!-- TOPBAR -->

+							<div class="buildify_tm_topbar_info">

+								<div class="buildify_tm_connection">

+									<div class="phone_numb">

+										<div class="phone_numb_in">

+											<img src="img/call.png" alt="" />

+											<p>联系我们: <span>0576-82875388</span></p>

 										</div>

 									</div>

-									<div class="buildify_tm_social_list">

-										<!-- <label>Follow us:</label> -->

-										<ul>

-											<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

+									<div class="send_msg">

+										<a href="contact.html">

+											<img class="svg" src="img/svg/message2.svg" alt="" />

+										</a>

+									</div>

+								</div>

+							

+									<!-- <label>Follow us:</label> -->

+							

+										<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

 											<li><a href="#"><i class="xcon-twitter"></i></a></li>

 											<li><a href="#"><i class="xcon-instagram"></i></a></li>

 											<li><a href="#"><i class="xcon-pinterest"></i></a></li>

 											<li><a href="#"><i class="xcon-gplus"></i></a></li> -->

-										</ul>

-									</div>

-								</div>

-								<!-- /TOPBAR -->

+								

+							</div>

+							<!-- /TOPBAR -->

 

-								<!-- HEADER -->

-								<div class="buildify_tm_mobile_header_wrap">

-									<div class="in">

-										<div class="container">

-											<div class="header_inner">

-												<div class="logo">

-													<a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>

-												</div>

-												<div class="buildify_tm_trigger">

-													<div class="hamburger hamburger--collapse-r">

-														<div class="hamburger-box">

-															<div class="hamburger-inner"></div>

-														</div>

-													</div>

-												</div>

+							<!-- HEADER -->

+							<div class="buildify_tm_mobile_header_wrap">

+								<div class="in">

+									<div class="container">

+										<div class="header_inner">

+											<div class="logo">

+												<a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>

 											</div>

-										</div>

-										<div class="navigation_wrap">

-											<div class="container">

-												<div class="inner_navigation">

-													<ul class="nav">

-

-														<li><a href="index.html">首页</a></li>

-														<li>

-															<a href="#">方案</a>

-															<ul class="sub_menu">

-																<li><a href="project.html">方案</a></li>

-																<li><a href="project-single.html">方案详情</a></li>

-															</ul>

-														</li>

-														<li>

-															<a href="#">我们的服务</a>

-															<ul class="sub_menu">

-																<li><a href="service.html">服务</a></li>

-																<li><a href="service-single.html">服务详情</a></li>

-															</ul>

-														</li>

-														<li><a href="about.html">关于我们</a></li>

-														<!-- 	<li><a href="blog.html">Blog</a></li> -->

-														<li><a href="contact.html">联系我们</a></li>

-													</ul>

+											<div class="buildify_tm_trigger">

+												<div class="hamburger hamburger--collapse-r">

+													<div class="hamburger-box">

+														<div class="hamburger-inner"></div>

+													</div>

 												</div>

 											</div>

 										</div>

 									</div>

-								</div>

-								<!-- /HEADER -->

-								<div class="buildify_tm_section">

-									<div class="buildify_tm_main_title_holder">

+									<div class="navigation_wrap">

 										<div class="container">

-											<div class="title_holder">

-												<h3>关于我们</h3>

-											</div>

-											<div class="builify_tm_breadcrumbs">

-												<ul>

-													<li><a href="index.html">返回首页</a></li>

-													<li class="shape"><span></span></li>

-													<li><span>关于我们</span></li>

+											<div class="inner_navigation">

+												<ul class="nav">

+

+													<li><a href="index.html">首页</a></li>

+													<li>

+														<a href="#">产品系列</a>

+														<ul class="sub_menu">

+															<li><a href="project.html">产品系列</a></li>

+															<li><a href="project-single.html">产品详情</a></li>

+														</ul>

+													</li>

+													<li>

+														<a href="#">企业风采</a>

+														<ul class="sub_menu">

+															<li><a href="service.html">企业风采</a></li>

+															<li><a href="service-single.html">企业荣誉</a></li>

+														</ul>

+													</li>

+													<li><a href="about.html">关于我们</a></li>

+													<!-- 	<li><a href="blog.html">Blog</a></li> -->

+													<li><a href="contact.html">联系我们</a></li>

 												</ul>

 											</div>

 										</div>

 									</div>

 								</div>

-								<div class="buildify_tm_about_wrap">

+							</div>

+							<!-- /HEADER -->

+							<div class="buildify_tm_section" >

+								<div class="buildify_tm_main_title_holder">

 									<div class="container">

-										<div class="subtitle">

-											<!-- 		<p>{{item.title}}</p> -->

+										<div class="title_holder">

+											<h3>关于我们</h3>

 										</div>

-										<div class="about_service_list" v-for="item in topList">

-											<!-- 		<h3>Performance Excellence</h3> -->

-											<h3>{{item.title}}</h3>

-											<p v-html="item.content">{{item.content}}</p>

+										<div class="builify_tm_breadcrumbs">

+											<ul>

+												<li><a href="index.html">返回首页</a></li>

+												<li class="shape"><span></span></li>

+												<li><span>关于我们</span></li>

+											</ul>

 										</div>

 									</div>

-									<!-- <div class="buildify_tm_about_counter_wrap">

+								</div>

+							</div>

+							<div class="buildify_tm_about_wrap" style="margin-top: -100px;">

+								<div class="container">

+									<div class="subtitle">

+										<!-- 		<p>{{item.title}}</p> -->

+									</div>

+									<div class="about_service_list">

+				

+										<h3 style="color: #d2ab66">{{introduction.title}}</h3>

+										<p v-html="introduction.content"></p>

+									</div>

+								</div>

+								<!-- <div class="buildify_tm_about_counter_wrap">

 										<div class="container">

 											<div class="inner_counter">

 												<div class="leftbox">

@@ -307,83 +306,90 @@
 
 											</div>

 										</div>

 									</div> -->

-									<div class="container" v-for="item in middleList">

-										<div class="about_service_list">

-											<h3>{{item.title}}</h3>

-											<p v-html="item.content">{{item.content}}</p>

-										</div>

-										<!-- <div class="about_service_list">

+								<div class="container">

+									<div class="about_service_list" style="margin-bottom:30px;">

+										<h3 style="color: #d2ab66">{{policy.title}}</h3>

+										<p v-html="policy.content"></p>

+									</div>

+									<div class="about_service_list" style="margin-bottom:30px;">

+										<h3 style="color: #d2ab66">{{operating.title}}</h3>

+										<p v-html="operating.content"></p>

+									</div>

+									<div class="about_service_list" style="margin-bottom:30px;">

+										<h3 style="color: #d2ab66">{{application.title}}</h3>

+										<p v-html="application.content"></p>

+									</div>

+									<!-- <div class="about_service_list">

 											<h3>Client Focus</h3>

 											<p ></p>

 										</div> -->

-										

-										

-										

-										

-									</div>

-									<div class="buildify_tm_section">

-										<div class="container">

-											<div class="qqq">

-												<div class="buildify_tm_introduce_wrap">

-													<div class="inner_wrap">

-														<div class="main_info_wrap" v-for="item in pictureTwoList">

-															<span class="top_title">{{item.title}}</span>

-															<h3 class="title">{{item.synopsis}}</h3>

-															<p class="text" v-html="item.content">{{item.content}}</p>

+

+

+

+

+								</div>

+								<div class="buildify_tm_section">

+									<div class="container">

+										<div class="qqq">

+											<div class="buildify_tm_introduce_wrap">

+												<div class="inner_wrap">

+													<div class="experience_box" style="height:auto;border:none;"><img src="img/about/about1.png" alt="" style="width:100%"></div>

+													<div class="experience_box" style="height:auto;border:none;"><img src="img/about/about2.png" alt="" style="width:100%"></div>

+													<div class="experience_box" style="height:auto;border:none;"><img src="img/about/about3.png" alt="" style="width:100%"></div>

+													<div class="experience_box">

+														<div class="top">

+															<p>我们是一家优秀的游艇制造公司</p>

 														</div>

-														<div class="experience_box">

-															<div class="top">

-																<p>World's Leading Building Corporation</p>

+														<div class="bottom">

+															<div class="number">

+																<span>{{longTime}}</span>

 															</div>

-															<div class="bottom">

-																<div class="number">

-																	<span>47</span>

-																</div>

-																<div class="definition">

-																	<p>Years of experience</p>

-																</div>

+															<div class="definition">

+																<p>年制造经验</p>

 															</div>

 														</div>

 													</div>

-													<div class="png_image"></div>

-													<div class="play_video">

-														<a class="popup-youtube" href="https://www.youtube.com/watch?v=se4yc09w7Ic"></a>

-													</div>

-												</div>

-												<div class="shape_top">

-													<span class="first"></span>

-													<span class="second"></span>

 												</div>

+												<div class="png_image"></div>

+												<!-- <div class="play_video">

+													<a class="popup-youtube"

+														href="https://www.youtube.com/watch?v=se4yc09w7Ic"></a>

+												</div> -->

+											</div>

+											<div class="shape_top">

+												<span class="first"></span>

+												<span class="second"></span>

 											</div>

 										</div>

 									</div>

-									<div class="container" v-for="item  in  middleTwoList">

-										<div class="about_service_list">

-											<h3>{{item.title}}</h3>

-											<p v-html="item.content">{{item.content}}</p>

-										</div>

-										<!-- <div class="about_service_list">

+								</div>

+								<div class="container" v-for="item  in  middleTwoList">

+									<div class="about_service_list">

+										<h3>{{item.title}}</h3>

+										<p v-html="item.content">{{item.content}}</p>

+									</div>

+									<!-- <div class="about_service_list">

 											<h3>Responsible Behaviour</h3>

 											<p ></p>

 										</div> -->

-									</div>

-									<div class="buildify_tm_section">

-										<div class="container">

-											<div class="buildify_tm_about_team_wrap">

-												<ul>

-													<li v-for="item in charactersList">

-														<div class="inner">

-															<div class="image_wrap">

-																<img :src="item.coverimage" alt="" />

-																<!-- <div class="image"></div> -->

-															</div>

-															<div class="main_definitions">

-																<h3>{{item.title}}</h3>

-																<span v-html="item.content">{{item.synopsis}}</span>

-															</div>

+								</div>

+								<div class="buildify_tm_section">

+									<div class="container">

+										<div class="buildify_tm_about_team_wrap">

+											<ul>

+												<li v-for="item in charactersList">

+													<div class="inner">

+														<div class="image_wrap">

+															<img :src="item.coverimage" alt="" />

+															<!-- <div class="image"></div> -->

 														</div>

-													</li>

-													<!-- 													<li>

+														<div class="main_definitions">

+															<h3>{{item.title}}</h3>

+															<span v-html="item.content">{{item.synopsis}}</span>

+														</div>

+													</div>

+												</li>

+												<!-- 													<li>

 														<div class="inner">

 															<div class="image_wrap">

 																<img src="img/about/250x190.jpg" alt="" />

@@ -466,24 +472,27 @@
 
 																<span>Non-executive Chairman</span>

 															</div>

 														</div>

-													</li>

-												</ul>

+													</li>-->

+												 </ul>

 											</div>

 										</div>

 									</div>

-								</div>

-								<!-- /CONTENT -->

-													<footer class="buildify_tm_footer">

-														<div class="buildify_tm_universal_parallax_wrap">

-															<div class="main_bg">

-																<div class="overlay_image footer jarallax" data-speed="0"></div>

-																<div class="overlay_video"></div>

-																<div class="overlay_color footer"></div>

+								</div> 

+								

+							<!--	 /CONTENT -->

+					

+												<footer class="buildify_tm_footer" style="margin-top: -100px;">

+													<div class="buildify_tm_universal_parallax_wrap">

+														<div class="main_bg">

+															<div class="overlay_image footer jarallax" data-speed="0">

 															</div>

-															<div class="main_content footer">

-																<div class="buildify_tm_subscribe_wrap">

-																	<div class="container">

-																		<!-- <div class="inner_wrap">

+															<div class="overlay_video"></div>

+															<div class="overlay_color footer"></div>

+														</div>

+														<div class="main_content footer">

+															<div class="buildify_tm_subscribe_wrap">

+																<div class="container">

+																	<!-- <div class="inner_wrap">

 																			<div class="left_wrap">

 																				<div class="book">

 																					<img class="svg" src="img/svg/open-book.svg" alt="" />

@@ -497,23 +506,24 @@
 
 																				<input class="button" type="button" value="subscribe">

 																			</div>

 																		</div> -->

-																	</div>

 																</div>

-																<div class="buildify_tm_footer_wrap">

-																	<div class="container">

-																		<div class="buildify_tm_list_wrap" data-column="3" data-space="40">

-																			<ul class="buildify_list">

-																				<li v-for="item in bottom">

-																					<div class="inner">

-																						<div class="footer_section_title">

-																							<h3>{{item.title}}</h3>

-																						</div>

-																						<div class="definition">

-																							<p v-html="item.content">{{item.content}}</p>

-																						</div>

+															</div>

+															<div class="buildify_tm_footer_wrap">

+																<div class="container">

+																	<div class="buildify_tm_list_wrap" data-column="3"

+																		data-space="40">

+																		<ul class="buildify_list">

+																			<li v-for="item in bottom">

+																				<div class="inner">

+																					<div class="footer_section_title">

+																						<h3>{{item.title}}</h3>

 																					</div>

-																				</li>

-																				<!-- 		<li>

+																					<div class="definition">

+																						<p v-html="item.content"></p>

+																					</div>

+																				</div>

+																			</li>

+																			<!-- 		<li>

 																					<div class="inner">

 																						<div class="footer_section_title">

 																							<h3>Business Hours</h3>

@@ -560,85 +570,88 @@
 
 																						</div>

 																					</div>

 																				</li> -->

-																			</ul>

-																		</div>

+																		</ul>

 																	</div>

 																</div>

 															</div>

 														</div>

-													</footer>

-													<div class="buildify_tm_section">

-														<div class="buildify_tm_copyright_wrap">

-															<div class="container">

-																<div class="inner_wrap">

-																	<div class="copyright_logo">

-																		<a href="#">

-																			<img src="img/logo/lanbo.png" alt="" />

-																		</a>

-																	</div>

-																	<div class="main_info_wrap">

-																		<!-- <div class="share_wrap">

+													</div>

+												</footer>

+												<div class="buildify_tm_section" >

+													<div class="buildify_tm_copyright_wrap">

+														<div class="container">

+															<div class="inner_wrap">

+																<div class="copyright_logo">

+																	<a href="#">

+																		<img src="img/logo/lanbo.png" alt="" />

+																	</a>

+																</div>

+																<div class="main_info_wrap">

+																	<!-- <div class="share_wrap">

 																			<span>Follow Us:</span>

 																			<ul>

-																				<!-- i标签显示字体倾斜 -->

-																				<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

+																				 i标签显示字体倾斜 -->

+																	<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

 																				<li><a href="#"><i class="xcon-twitter"></i></a></li>

 																				<li><a href="#"><i class="xcon-instagram"></i></a></li>

 																				<li><a href="#"><i class="xcon-pinterest"></i></a></li>

 																				<li><a href="#"><i class="xcon-gplus"></i></a></li>

 																			</ul>

 																		</div> -->

-																	<div class="bottom_wrap">

-																	 <div class="links_wrap">

-																		<ul>

-																			<li><a href="index.html">首页</a></li>

-																			<li><a href="project.html">方案</a></li>

-																			<li><a href="service.html">我们的服务</a></li>

-																			<li><a href="about.html">关于我们</a></li>

-																			<li><a href="contact.html">联系我们</a></li>

-																		</ul>

-																		</div>

-																		<div class="copyright" v-for="item in statement">

-																			<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

-																		<p v-html="item.content">{{item.content}}</p>

-																		</div>

-																	</div>

-																	</div>

-																	<a class="buildify_tm_totop" href="#">

-																		<span class="first">返回顶部</span>

-																		<span class="top">

-																			<span class="line"></span>

-																		</span>

-																	</a>

-																</div>

+																		<div class="bottom_wrap">

+																			<div class="links_wrap">

+																			 <ul>

+																			 <li><a href="index.html">首页</a></li>

+																			 <li><a href="project.html">产品系列</a></li>

+																		 

+																			 <li><a href="service.html">企业风采</a></li>

+																	 

+																			 <li><a href="about.html">关于我们</a></li>

+																			 <li><a href="contact.html">联系我们</a></li>

+																		 </ul>

+																		 </div>

+																		 <div class="copyright" >

+																			 <!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

+																		 <p v-html="statement.content"></p>

+																		 </div>

+																	 </div>

+																 </div>

+																 <a class="buildify_tm_totop" href="#">

+																	 <span class="first">返回顶部</span>

+																	 <span class="top">

+																		 <span class="line"></span>

+																	 </span>

+																 </a>

 															</div>

 														</div>

 													</div>

-											</div>

+												</div>

 										</div>

-

 									</div>

+

 								</div>

 							</div>

 						</div>

 					</div>

 				</div>

-

-				<!-- /RIGHTPART -->

 			</div>

+

+			<!-- /RIGHTPART -->

 		</div>

+	</div>

+

+	<!-- / WRAPPER ALL -->

 

-		<!-- / WRAPPER ALL -->

 

+	<!-- SCRIPTS -->

+	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

+	<script type="text/javascript" src="js/jquery.js"></script>

+	<script src="./js/about.js"></script>

+	<script type="text/javascript" src="js/plugins.js"></script>

+	<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->

+	<script type="text/javascript" src="js/init.js"></script>

+	<!-- /SCRIPTS -->

+	<script src="./js/common.js"></script>

+</body>

 

-		<!-- SCRIPTS -->

-		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

-		<script type="text/javascript" src="js/jquery.js"></script>

-		<script src="./js/about.js"></script>

-		<script type="text/javascript" src="js/plugins.js"></script>

-		<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->

-		<script type="text/javascript" src="js/init.js"></script>

-		<!-- /SCRIPTS -->

-		<script src="./js/common.js"></script>

-	</body>

-</html>

+</html>

+ 19 - 16
contact.html
View File 

@@ -69,23 +69,24 @@
 
    								<div class="menu_nav_content scrollable">
 
 									<ul class="vert_nav">
 
 										<li><a href="index.html">首页</a></li>
 
-										<li class="active1">
 
-											<a href="#">方案</a>
 
-											<div class="inside_menu">
 
+										<li >
 
+											<a href="project.html">产品系列</a>
 
+
 
+											<!-- <div class="inside_menu">
 
 												<ul>
 
-													<li><a href="project.html">方案</a></li>
 
-													<li><a href="project-single.html">方案详情</a></li>
 
+													<li><a href="project.html">产品系列</a></li>
 
+													<li><a href="project-single.html">产品详情</a></li>
 
 												</ul>
 
-											</div>
 
+											</div> -->
 
 										</li>
 
-										<li class="active1">
 
-											<a href="#">我们的服务</a>
 
-											<div class="inside_menu">
 
+										<li >
 
+											<a href="service.html">企业风采</a>
 
+											<!-- <div class="inside_menu">
 
 												<ul>
 
-													<li><a href="service.html">服务</a></li>
 
-													<li><a href="service-single.html">服务详情</a></li>
 
+													<li><a href="service.html">企业风采</a></li>
 
+													<li><a href="service-single.html">资质荣誉</a></li>
 
 												</ul>
 
-											</div>
 
+											</div> -->
 
 										</li>
 
 										<li><a href="about.html">关于我们</a></li>
 
 										<!-- <li><a href="blog.html">Blog</a></li> -->
 
@@ -211,7 +212,7 @@
 
 								<div class="buildify_tm_main_contact_wrap">
 
 									<div class="office_list" >
 
 									
-												<div class="inner" style=" width:100%; height: 400px; display:flex; margin-top: 60px; box-shadow: 0 0 7px #00000015; display: flex; align-items: center; justify-content: space-around;">
 
+												<div class="inner" style=" width:100%; height: 400px; display:flex; box-shadow: 0 0 7px #00000015; display: flex; align-items: center; justify-content: space-around;">
 
 													<div class="image_wrap" >
 
 														<img src="img/contact/lianxi1.png" alt="" style="width: 300px; height: 300px;" />
 
 														<div class="image"></div>
 
@@ -355,7 +356,7 @@
 
 						</div>
 
 					</div>
 
    					<!-- /CONTENT -->
 
-					<footer class="buildify_tm_footer">
 
+					<footer class="buildify_tm_footer" style="margin-top: -150px;">
 
 						<div class="buildify_tm_universal_parallax_wrap">
 
 							<div class="main_bg">
 
 								<div class="overlay_image footer jarallax" data-speed="0"></div>
 
@@ -473,8 +474,10 @@
 
 											 <div class="links_wrap">
 
 												<ul>
 
 													<li><a href="index.html">首页</a></li>
 
-													<li><a href="project.html">方案</a></li>
 
-													<li><a href="service.html">我们的服务</a></li>
 
+													<li><a href="project.html">产品系列</a></li>
 
+												
+													<li><a href="service.html">企业风采</a></li>
 
+												
 													<li><a href="about.html">关于我们</a></li>
 
 													<li><a href="contact.html">联系我们</a></li>
 
 												</ul>

BIN
img/about/about1.png
View File


BIN
img/about/about2.png
View File


BIN
img/about/about3.png
View File


BIN
img/certificate/certificate3.png
View File


BIN
img/index/index4.png
View File


BIN
img/index/index5.jpg
View File


BIN
img/index/index6.jpg
View File


BIN
img/services/300x460.jpg
View File


BIN
img/services/510x380.jpg
View File


BIN
img/show/show1.jpg
View File


BIN
img/show/show2.jpg
View File


BIN
img/show/show3.jpg
View File


BIN
img/show/show4.jpg
View File


BIN
img/show/show5.jpg
View File


BIN
img/show/show6.jpg
View File


+ 88 - 111
index.html
View File 

@@ -72,24 +72,24 @@
 
 										<div class="menu_nav_content scrollable">

 											<ul class="vert_nav">

 												<li><a href="index.html">首页</a></li>

-												<li class="active1">

-													<a href="#">企业风采</a>

+												<li >

+													<a href="project.html">产品系列</a>

 

-													<div class="inside_menu">

+													<!-- <div class="inside_menu">

 														<ul>

-															<li><a href="project.html">企业风采</a></li>

-															<li><a href="project-single.html">资质荣誉</a></li>

+															<li><a href="project.html">产品系列</a></li>

+															<li><a href="project-single.html">产品详情</a></li>

 														</ul>

-													</div>

+													</div> -->

 												</li>

-												<li class="active1">

-													<a href="#">产品系列</a>

-													<div class="inside_menu">

+												<li >

+													<a href="service.html">企业风采</a>

+													<!-- <div class="inside_menu">

 														<ul>

-															<li><a href="service.html">产品系列</a></li>

-															<li><a href="service-single.html">产品详情</a></li>

+															<li><a href="service.html">企业风采</a></li>

+															<li><a href="service-single.html">资质荣誉</a></li>

 														</ul>

-													</div>

+													</div> -->

 												</li>

 												<li><a href="about.html">关于我们</a></li>

 												<!-- <li><a href="blog.html">Blog</a></li> -->

@@ -125,7 +125,7 @@
 
 										<div class="phone_numb">

 											<div class="phone_numb_in">

 												<img src="img/call.png" alt="" />

-												<p>联系我们: <span>1-800-987-6543</span></p>

+												<p>联系我们: <span>0576-82875388</span></p>

 											</div>

 										</div>

 										<div class="send_msg">

@@ -134,16 +134,16 @@
 
 											</a>

 										</div>

 									</div>

-									<div class="buildify_tm_social_list">

+								

 										<!-- 	<label>Follow us:</label> -->

-										<ul>

+										

 											<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

 											<li><a href="#"><i class="xcon-twitter"></i></a></li>

 											<li><a href="#"><i class="xcon-instagram"></i></a></li>

 											<li><a href="#"><i class="xcon-pinterest"></i></a></li>

 											<li><a href="#"><i class="xcon-gplus"></i></a></li> -->

-										</ul>

-									</div>

+										

+								

 								</div>

 								<!-- /TOPBAR -->

 

@@ -171,18 +171,18 @@
 
 

 														<li><a href="index.html">首页</a></li>

 														<li>

-															<a href="#">方案</a>

-															<ul class="sub_menu">

-																<li><a href="project.html">方案</a></li>

-																<li><a href="project-single.html">方案详情</a></li>

-															</ul>

+															<a href="project.html">产品系列</a>

+															<!-- <ul class="sub_menu">

+																<li><a href="project.html">产品系列</a></li>

+																<li><a href="project-single.html">产品详情</a></li>

+															</ul> -->

 														</li>

 														<li>

-															<a href="#">我们的服务</a>

-															<ul class="sub_menu">

-																<li><a href="service.html">服务</a></li>

-																<li><a href="service-single.html">服务详情</a></li>

-															</ul>

+															<a href="service.html">企业风采</a>

+															<!-- <ul class="sub_menu">

+																<li><a href="service.html">企业风采</a></li>

+																<li><a href="service-single.html">资质荣誉</a></li>

+															</ul> -->

 														</li>

 														<li><a href="about.html">关于我们</a></li>

 														<!-- 	<li><a href="blog.html">Blog</a></li> -->

@@ -266,15 +266,15 @@
 
 																<span></span>

 															</div>

 															<div class="definition">

-																<h3>我们有ISO证书</h3>

-																<span>ISO9001:2015</span>

+																<h3>我们有C E证书</h3>

+																<span>欧盟C E认证</span>

 															</div>

 														</div>

 														<div class="image_holder">

 															<div class="image_wrap">

 																<img src="img/check_list/350x380.jpg" alt="" />

 																<div class="inner_image">

-																	<img src="img/certificate/certificate1.jpg" alt="" srcset="">

+																	<img src="img/certificate/certificate3.png" alt="" srcset="">

 																</div>

 															</div>

 														</div>

@@ -295,7 +295,7 @@
 
 															<div class="image_wrap">

 																<img src="img/check_list/350x380.jpg" alt="" />

 																<div class="inner_image">

-																	<img src="img/index/index1.jpg" alt="" srcset="">

+																	<img src="img/certificate/certificate1.jpg" alt="" srcset="">

 																</div>

 															</div>

 														</div>

@@ -381,25 +381,25 @@
 
 													<ul class="buildify_tm_counter_list buildify_tm_miniboxes">

 														<li>

 															<div class="inner buildify_tm_minibox">

-																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="3572" data-speed="3000">0</span></span></h3>

-																<span>完成的项目</span>

+																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="5000" data-speed="3000">0</span>+</span></h3>

+																<span>出售的产品</span>

 															</div>

 														</li>

 														<li>

 															<div class="inner buildify_tm_minibox">

-																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="300" data-speed="3000">0</span>K</span></h3>

+																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="500" data-speed="3000">0</span>+</span></h3>

 																<span>公司客户</span>

 															</div>

 														</li>

 														<li>

 															<div class="inner buildify_tm_minibox">

-																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="2348" data-speed="3000">0</span></span></h3>

+																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="30" data-speed="3000">0</span>+</span></h3>

 																<span>专业技术人员</span>

 															</div>

 														</li>

 														<li>

 															<div class="inner buildify_tm_minibox">

-																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="120" data-speed="3000">0</span>+</span></h3>

+																<h3><span><span class="buildify_tm_counter" data-from="0" data-to="30" data-speed="3000">0</span>+</span></h3>

 																<span>公司所获奖项</span>

 															</div>

 														</li>

@@ -430,7 +430,7 @@
 
 																	<h3>{{item.title}}</h3>

 																</div>

 																<div class="definition">

-																	<p>{{item.synopsis}}</p>

+																	<p v-html="item.content">{{item.content}}</p>

 																</div>

 																<div class="number">

 																	<span>{{index+1}}</span>

@@ -549,23 +549,7 @@
 
 												<div class="buildify_tm_rightbox fn_w_sminibox">

 													<div class="buildify_fn_sticky_section">

 														<div class="services_list_wrap">

-															<ul>

-																<li v-for="(moreServiceItem,index) in moreServiceList">

-																	<div class="inner">

-																		<div class="title_holder">

-																			<h3><a href="service-single.html"> {{moreServiceItem.title}} </a></h3>

-																		</div>

-																		<div class="description">

-																			<p> {{moreServiceItem.synopsis}}</p>

-																		</div>

-																		<div class="read_more_wrap">

-																			<div class="read_more_in">

-																				<a href="service-single.html" @click="dianji(moreServiceItem.id)">查看详情</a>

-																			</div>

-																		</div>

-																	</div>

-																</li>

-															</ul>

+														

 

 

 

@@ -664,16 +648,17 @@
 
 										</div>

 									</div>

 								</div>

-								<!-- <div class="buildify_tm_section">

+								

+								<div class="buildify_tm_section"  style=" margin-top:-100px">

 									<div class="buildify_tm_choose_us_wrap">

 										<div class="container">

 											<div class="inner">

-												<h3>Why Choose Us?</h3>

+												<h3>为什么选择我们？</h3>

 											</div>

 										</div>

 									</div>

 								</div>

-								<!-- <div class="buildify_tm_section">

+								 <div class="buildify_tm_section">

 									<div class="buildify_tm_rating_wrap">

 										<div class="bg">

 											<div class="overlay_image jarallax" data-speed="0"></div>

@@ -695,24 +680,25 @@
 
 													</div>

 													<div class="experience_box">

 														<div class="top">

-															<p>World's Leading Building Corporation</p>

+															<p>我们是一家优秀的运动艇制造公司</p>

 														</div>

 														<div class="bottom">

+														

 															<div class="number">

-																<span>47</span>

+																<span></span>

 															</div>

 															<div class="definition">

-																<p>Years of experience</p>

+																<p>	<img src="img/index/index4.png" alt=""  srcset=""></p>

 															</div>

 														</div>

 													</div>

 													<div class="category">

 														<ul>

-															<li><span>Unrivalled workmanship</span></li>

-															<li><span>Responsive and Respectful</span></li>

-															<li><span>Professional and Qualified</span></li>

-															<li><span>Personalised solutions</span></li>

-															<li><span>Competitive prices</span></li>

+															<li><span>精巧的做工</span></li>

+															<li><span>有竞争力的价格</span></li>

+															<li><span>卓越的品质</span></li>

+															<li><span>专业化的服务</span></li>

+														

 														</ul>

 													</div>

 												</div>

@@ -734,7 +720,7 @@
 
 											</div>

 										</div>

 									</div>

-								</div> -->

+								</div>

 								<div class="buildify_tm_section">

 									<div class="container">

 										<div class="buildify_tm_projects_home fn_w_sminiboxes">

@@ -905,9 +891,10 @@
 
 										</div>

 									</div>

 								</div>

-								<div class="buildify_tm_section">

+								

+								<div class="buildify_tm_section" >

 									<div class="container">

-										<div class="buildify_tm_working_process_wrap">

+										<div class="buildify_tm_working_process_wrap" style="margin-top: -200px;">

 											<div class="leftbox">

 												<div class="roof">

 													<span></span>

@@ -915,7 +902,7 @@
 
 												<div class="inner">

 													<p>欢迎您联系我们以获取一个报价</p>

 													<div class="buildify_tm_button_wrap yellow">

-														<a href="about.html">联系我们</a>

+														<a href="contact.html">联系我们</a>

 													</div>

 												</div>

 												<div class="svg_wrap">

@@ -927,23 +914,12 @@
 
 													<span></span>

 												</div>

 												<div class="inner">

-													<p>Essential Moments from Working Process</p>

+													<p>企业日常</p>

 													<div class="gallery_wrap gallery_zoom">

 														<ul>

 															<li>

 																<div class="inner">

-																	<a class="zoom" href="img/portfolio/1.jpg">

-																		<div class="overlay">

-																			<div class="in">

-																				<span></span>

-																			</div>

-																		</div>

-																	</a>

-																</div>

-															</li>

-															<li>

-																<div class="inner">

-																	<a class="zoom" href="img/portfolio/3.jpg">

+																	<a class="zoom" href="img/show/show6.jpg">

 																		<div class="overlay">

 																			<div class="in">

 																				<span></span>

@@ -954,7 +930,7 @@
 
 															</li>

 															<li>

 																<div class="inner">

-																	<a class="zoom" href="img/portfolio/9.jpg">

+																	<a class="zoom" href="img/show/show5.jpg">

 																		<div class="overlay">

 																			<div class="in">

 																				<span></span>

@@ -965,7 +941,7 @@
 
 															</li>

 															<li>

 																<div class="inner">

-																	<a class="zoom" href="img/portfolio/5.jpg">

+																	<a class="zoom" href="img/show/show4.jpg">

 																		<div class="overlay">

 																			<div class="in">

 																				<span></span>

@@ -976,7 +952,7 @@
 
 															</li>

 															<li>

 																<div class="inner">

-																	<a class="zoom" href="img/portfolio/6.jpg">

+																	<a class="zoom" href="img/show/show3.jpg">

 																		<div class="overlay">

 																			<div class="in">

 																				<span></span>

@@ -987,7 +963,7 @@
 
 															</li>

 															<li>

 																<div class="inner">

-																	<a class="zoom" href="img/portfolio/7.jpg">

+																	<a class="zoom" href="img/show/show2.jpg">

 																		<div class="overlay">

 																			<div class="in">

 																				<span></span>

@@ -998,7 +974,7 @@
 
 															</li>

 															<li>

 																<div class="inner">

-																	<a class="zoom" href="img/portfolio/8.jpg">

+																	<a class="zoom" href="img/show/show1.jpg">

 																		<div class="overlay">

 																			<div class="in">

 																				<span></span>

@@ -1155,7 +1131,7 @@
 
 														</div>

 													</div>

 												</div> -->

-												<div class="buildify_tm_rightbox fn_w_sminibox">

+												<div class="buildify_tm_rightbox fn_w_sminibox" >

 													<div class="buildify_fn_sticky_section">

 														<div class="news_list_wrap">

 															<ul class="masonry">

@@ -1167,7 +1143,7 @@
 
 																				<!-- <div class="image"></div> -->

 																			</a>

 																		</div>

-																		<div class="definitions_wrap">

+																		<div class="definitions_wrap" style="margin-top: -400px;">

 																			<div class="title_holder">

 																				<h3><a href="blog-single.html">{{item.synopsis}}</a></h3>

 																			</div>

@@ -1250,7 +1226,7 @@
 
 								</div>

 							</div>

 							<!-- 	/CONTENT -->

-							<footer class="buildify_tm_footer">

+							<footer class="buildify_tm_footer" style="margin-top: -300px;">

 								<div class="buildify_tm_universal_parallax_wrap">

 									<div class="main_bg">

 										<div class="overlay_image footer jarallax" data-speed="0"></div>

@@ -1280,17 +1256,17 @@
 
 											<div class="container">

 												<div class="buildify_tm_list_wrap" data-column="3" data-space="40">

 													<ul class="buildify_list">

-														<li v-for="item in bottom">

-															<div class="inner">

+														<li v-for="item in bottom" >

+															<div class="inner" style="">

 																<div class="footer_section_title">

 																	<h3>{{item.title}}</h3>

 																</div>

-																<div class="definition">

+																<div class="definition" >

 																	<p v-html="item.content">{{item.content}}</p>

 																</div>

 															</div>

 														</li>

-														<!-- 		<li>

+												<!-- 		<li>

 															<div class="inner">

 																<div class="footer_section_title">

 																	<h3>Business Hours</h3>

@@ -1354,39 +1330,40 @@
 
 												</a>

 											</div>

 											<div class="main_info_wrap">

-												<!-- <div class="share_wrap">

-													<span>Follow Us:</span>

-													<ul>-->

-														<!-- i标签显示字体倾斜 -->

-												<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

+												<div class="share_wrap">

+													<span></span>

+													<ul>

+														<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

 														<li><a href="#"><i class="xcon-twitter"></i></a></li>

 														<li><a href="#"><i class="xcon-instagram"></i></a></li>

 														<li><a href="#"><i class="xcon-pinterest"></i></a></li>

-														<li><a href="#"><i class="xcon-gplus"></i></a></li>

+														<li><a href="#"><i class="xcon-gplus"></i></a></li> -->

 													</ul>

-												</div> -->

+												</div>

 												<div class="bottom_wrap">

 													 <div class="links_wrap">

-													<ul>

+														<ul>

 														<li><a href="index.html">首页</a></li>

-														<li><a href="project.html">方案</a></li>

-														<li><a href="service.html">我们的服务</a></li>

+														<li><a href="project.html">产品系列</a></li>

+													

+														<li><a href="service.html">企业风采</a></li>

+												

 														<li><a href="about.html">关于我们</a></li>

 														<li><a href="contact.html">联系我们</a></li>

 													</ul>

 													</div>

 													<div class="copyright" v-for="item in statement">

 														<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

-														<p v-html="item.content">{{item.content}}</p>

+													<p v-html="item.content"></p>

 													</div>

 												</div>

-												<a class="buildify_tm_totop" href="#">

-													<span class="first">返回顶部</span>

-													<span class="top">

-														<span class="line"></span>

-													</span>

-												</a>

 											</div>

+											<a class="buildify_tm_totop" href="#">

+												<span class="first">返回顶部</span>

+												<span class="top">

+													<span class="line"></span>

+												</span>

+											</a>

 										</div>

 									</div>

 								</div>

+ 69 - 85
js/about.js
View File 

@@ -1,91 +1,75 @@
 
-$(function() {

+$(function () {

 

 	// $("#aboutUs").on('click')

 	vm = new Vue({

 		el: '#app',

-		data: {

-			// about: '',

-			// performanceExcellence:'',

-			// choose: '',

-			// people: '',

-			// client: '',

-			// company: '',

-			// innovation: '',

-			// responsible: '',

-			topList: [],

-

-			pictureList: [],

-			middleList: [],

-			pictureTwoList: [],

-			middleTwoList: [],

-			charactersList: [],

-			bottom: '',

-			statement: ''

-

+		data() {

+			return {

+

+				topList: [],

+				statement:{},

+

+				pictureList: [],

+				middleList: [],

+				pictureTwoList: [],

+				middleTwoList: [],

+				charactersList: [],

+				bottom: [],

+				statement: '',

+				baseUrl: 'http://lanbo.frp.liuniu946.com/apis/product',

+				allList: [],

+				introduction: {},

+				policy: {},

+				operating: {},

+				application: {},

+				sinceTime: 2004,

+				Y: 0

+			}

+		},

+		created() {

+			this.getAll()

+			this.getTime()

+			

+		},

+		computed: {

+			longTime() {

+				return this.Y - this.sinceTime

+			}

+		},

+		methods: {

+			getAll() {

+				let data = {

+					limit: 1000

+				}

+				AJAX('get',this.baseUrl, data, (res) => {

+					this.allList = res.data.list

+					console.log(this.allList)

+					this.allList.forEach(item => {

+						if(item.id === 124) {

+							this.introduction = item

+							// this.introduction.content = this.introduction.content.replace(/<p>/g,'<span class="span-q"></span><p>')

+							console.log(this.introduction.content)

+						}else if(item.id === 125) {

+							this.policy = item

+						}else if(item.id === 126) {

+							this.operating = item

+						}else if(item.id === 127) {

+							this.application = item

+						}else if(item.id === 101) {

+							this.statement = item

+						}

+					});

+					console.log(this.introduction)

+					this.bottom = this.allList.filter( item => item.category_ids === '64')

+					console.log(this.bottom)

+

+				} )

+			},

+			getTime() {

+				let date = new Date()

+				this.Y = date.getFullYear()

+				console.log(this.Y)

+			}

 		}

 	})

-

-

-

-

-

-	var datas = {

-		// Lang:'en',

-	};

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.bottom = res.data.list.filter(item => item.category_ids == "64")

-		console.log(vm.bottom)

-	})

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.statement = res.data.list.filter(item => item.category_ids == "65")

-		console.log(vm.statement)

-	})

-

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.topList = res.data.list.filter(item => item.category_ids == "57")

-		console.log(vm.topList)

-	})

-

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.pictureList = res.data.list.filter(item => item.category_ids == "58")

-		// vm.arrayList = res.data.list;

-		console.log(vm.pictureList)

-	});

-

-

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.middleList = res.data.list.filter(item => item.category_ids == "59")

-		// vm.arrayList = res.data.list;

-		console.log(vm.middleList)

-	});

-

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.pictureTwoList = res.data.list.filter(item => item.category_ids == "61")

-		// vm.arrayList = res.data.list;

-		console.log(vm.pictureTwoList)

-	});

-

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.middleTwoList = res.data.list.filter(item => item.category_ids == "60")

-		// vm.arrayList = res.data.list;

-		console.log(vm.middleTwoList)

-	});

-

-

-

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function(res) {

-		vm.charactersList = res.data.list.filter(item => item.category_ids == "55")

-		// vm.arrayList = res.data.list;

-		console.log(vm.charactersList)

-	});

-

-

-})
 
+})

+ 2 - 1
js/contact.js
View File 

@@ -12,6 +12,7 @@ $(function() {
 
 		}

 	});

 	var datas = {

+		limit:10000

 		// Lang:'en',

 	};

 	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

@@ -30,4 +31,4 @@ $(function() {
 
 	// 			vm.about = res.data.content;

 				

 	// 	})

-})
 
+})

+ 3 - 1
js/index.js
View File 

@@ -26,7 +26,9 @@
 
 		},

 		created() {

 			let obj = this;

-			var datas = {};

+			var datas = {

+				limit:10000

+			};

 			var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/index';

 			AJAX('get', ajaxUrl, datas, function(res) {

 				console.log(res);

+ 1 - 1
js/init.js
View File 

@@ -23,7 +23,7 @@ jQuery(document).ready(function(){
 
 	buildify_tm_portfolio();
 
 	buildify_tm_filter_effect();
 
 	buildify_tm_widgetscroll();
 
-	buildify_tm_animate_submenu();
 
+
 
 	buildify_tm_sticky_sidebar();
 
 	buildify_tm_contact_form();
 
 	buildify_tm_isotope();

+ 86 - 41
js/project-single.js
View File 

@@ -1,48 +1,93 @@
 
-$(function() {

+

 	vm = new Vue({

 		el: "#app",

-		data: {

-			company: '',

-			arrayList:[],

-			detailObj:[],

-			bottom:'',

-			statement:''

+		data() {

+			return {

+				// company: '',

+				// arrayList: [],

+				// detailObj: [],

+			

+				statement: [],

+				goodInfo: {},

+				goodId: 0,

+				goods: [],

+					 bottom: [],

+			}

+		},

+		created() {

+			// console.log(window.location.href)

+			this.getGoods()

+		},

+		methods: {

+			getId() {

+				let url = document.location.toString();

+				let arrUrl = url.split("?");

+				if(arrUrl[1]) {

+					let id = arrUrl[1].split("=")[1];

+					this.goodId = id * 1

+				}

+			},

+			getGoods() {

+				let data = {

+					limit:10000

+				}

+				let ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product'

+				AJAX('get', ajaxUrl, data, ({ data }) => {

+					data.list.forEach(item => {

+						if (item.category_ids === '67' || item.category_ids === '68' || item.category_ids === '69') {

+							item.coverimage = 'http://lanbo.frp.liuniu946.com/' + item.coverimage

+							item.content = item.content.replace(/src="/g,'src="http://lanbo.frp.liuniu946.com/')

+							this.goods.push(item)

+						}

+						if (item.category_ids=== '64') {

+							this.bottom.push(item)

+						}

+						if (item.category_ids=== '65') {

+							this.statement.push(item)

+							console.log(this.statement)

+						}

+					});

+					this.getId()

+					console.log(this.goodId)

+					if(this.goodId == 0){

+						this.goodInfo = this.goods[0]

+					}else {

+						this.goods.forEach( (item) => {

+							if(item.id == this.goodId)

+							this.goodInfo = item

+						})

+					}

+				})

+			}

 		}

+

 	});

-	var datas = {

+	// var datas = {

 

-	};

-	var getId = localStorage.getItem('id');

-	var data = {id:getId};

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get',ajaxUrl,data,function(res){

-		vm.detailObj = res.data.list.filter(item => item.id == getId)

-		console.log(vm.detailObj)

-	})

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get',ajaxUrl,datas,function(res){

-		vm.bottom = res.data.list.filter(item => item.category_ids == "52")

-		console.log(vm.bottom)

-		

-		var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-		AJAX('get', ajaxUrl, datas, function(res) {

-			vm.statement = res.data.list.filter(item => item.category_ids == "65")

-			console.log(vm.statement)

-		})

-		

-		var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-		AJAX('get', ajaxUrl, datas, function(res) {

-			vm.bottom = res.data.list.filter(item => item.category_ids == "64")

-			console.log(vm.bottom)

-		})

-		

-	

-	// var  ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/about/10';

-	// AJAX('get',ajaxUrl,datas,function(res){

-	// 	// console.log(res)

-	// 	vm.company = res.data.content;

+	// };

+	// var getId = localStorage.getItem('id');

+	// var data = {

+	// 	id: getId

+	// };

+	// var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+	// AJAX('get', ajaxUrl, data, function (res) {

+	// 	vm.detailObj = res.data.list.filter(item => item.id == getId)

+	// 	console.log(vm.detailObj)

 	// })

+	// var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+	// AJAX('get', ajaxUrl, datas, function (res) {

+	// 	vm.bottom = res.data.list.filter(item => item.category_ids == "52")

+	// 	console.log(vm.bottom)

 

-	

-})

-})
 
+	// 	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+	// 	AJAX('get', ajaxUrl, datas, function (res) {

+	// 		vm.statement = res.data.list.filter(item => item.category_ids == "65")

+	// 		console.log(vm.statement)

+	// 	})

+

+	// 	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+	// 	AJAX('get', ajaxUrl, datas, function (res) {

+	// 		vm.bottom = res.data.list.filter(item => item.category_ids == "64")

+	// 		console.log(vm.bottom)

+	// 	})

+	// })

+ 6 - 15
js/project.js
View File 

@@ -1,4 +1,4 @@
 
-$(function() {

+

 

 	

 	vm = new Vue({

@@ -9,10 +9,11 @@ $(function() {
 
 			// company:'',

 			bottom:'',

 			statement:''

+			

 		},

 	});

 	var datas = {

-		

+		limit:10000

 	};

 	

 	// var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

@@ -32,21 +33,11 @@ $(function() {
 
 		vm.bottom = res.data.list.filter(item => item.category_ids == "64")

 		console.log(vm.bottom)

 	})

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get',ajaxUrl,datas,function(res){

-		vm.statement = res.data.list.filter(item => item.category_ids == "65")

-		console.log(vm.statement)

-	})

-	

-	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get', ajaxUrl, datas, function (res) {

-				

-				vm.pictureList = res.data.list.filter(item => item.category_ids =="63");

-				console.log(vm.pictureList)

-		})

+

+

 		// var  ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/about/10';

 		// AJAX('get',ajaxUrl,datas,function(res){

 		// 	console.log(res)

 		// 	vm.company = res.data.content;

 		// })

-})
 
+

+ 7 - 6
js/service-single.js
View File 

@@ -1,4 +1,4 @@
 
-$(function(){

+

 	vm = new Vue({

 		el:"#app",

 		data:{

@@ -10,7 +10,7 @@ $(function(){
 
 		}

 	});

 	var datas = {

-		

+		limit:10000

 	};

 	// var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

 	// AJAX('get',ajaxUrl,datas,function(res){

@@ -22,9 +22,10 @@ $(function(){
 
 	var getId = localStorage.getItem('id');

 	var data = {id:getId};

 	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

-	AJAX('get',ajaxUrl,data,function(res){

-		vm.detailObj = res.data.list.filter(item => item.id == getId)

-		console.log(vm.detailObj)

+

+	AJAX('get', ajaxUrl, data, function (res) {

+	vm.detailObj = res.data.list.filter(item => item.id == getId)

+	console.log(vm.detailObj)

 		

 		

 		var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

@@ -48,5 +49,5 @@ $(function(){
 
 		console.log(vm.bottom)

 	})

 			

-})

+

+ 16 - 5
js/service.js
View File 

@@ -1,7 +1,8 @@
 
-$(function() {

+

 	vm = new Vue({

 		el: "#app",

 		data: {

+			baseUrl: 'http://lanbo.frp.liuniu946.com',

 			company: '',

 			bottom: '',

 			statement: '',

@@ -9,8 +10,9 @@ $(function() {
 
 		}

 ,

 		created() {

+			let obj = this

 			var datas = {

-

+				limit:10000

 			};

 			var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

 			AJAX('get', ajaxUrl, datas, function(res) {

@@ -25,8 +27,17 @@ $(function() {
 
 			

 			var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

 			AJAX('get', ajaxUrl, datas, function(res) {

-				vm.servicesList = res.data.list.filter(item => item.category_ids == "45")

-				console.log(vm.servicesList)

+				 res.data.list.forEach(item => {

+					if(item.category_ids == "45"){

+						item.coverimage=obj.baseUrl+item.coverimage

+						vm.servicesList.push(item)

+						console.log(	vm.servicesList)

+					}

+					

+				})

+					

+				

+				console.log(vm.servicesList) 

 			})

 		},

 		// var  ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/about/10';

@@ -46,4 +57,4 @@ $(function() {
 
 		}

 

 	});

-})
 
+

+ 544 - 465
project-single.html
View File 

@@ -1,465 +1,544 @@
 
-<!DOCTYPE html>
 
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
 
-<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
-<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
 
-
 
-<head>
 
-
 
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
 
-<meta name="description" content="Buildify">
 
-<meta name="author" content="Marketify">
 
-
 
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
-
 
-<title>Buildify | Project Single</title>
 
-
 
-<!-- STYLES -->
 
-<link rel="stylesheet" type="text/css" href="css/fontello.css" />
 
-<link rel="stylesheet" type="text/css" href="css/skeleton.css" />
 
-<link rel="stylesheet" type="text/css" href="css/plugins.css" />
 
-<link rel="stylesheet" type="text/css" href="css/base.css" />
 
-<link rel="stylesheet" type="text/css" href="css/style.css" />
 
-<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
 
-
 
-<!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
 
-<!-- /STYLES -->
 
-
 
-</head>
 
-
 
-<body>
 
-
 
-<!-- MAIN BACKGROUND -->
 
-<div class="buildify_tm_mainbg">
 
-	
-	<!-- PATTERN -->
 
-	<div class="marketify_pattern_overlay"></div>
 
-	<!-- /PATTERN -->
 
-	
-</div>
 
-<!-- /MAIN BACKGROUND -->
 
-
 
-<!-- WRAPPER ALL -->
 
-<div class="buildify_tm_wrapper_all" id="app">
 
-   
-   <div class="buildify_tm_wrapper">
 
-   
-   		
-	   <div class="buildify_tm_animate_submenu"></div>
 
-	   
-   
-  		<!-- LEFTPART -->
 
-   		<div class="buildify_tm_leftpart_wrap">
 
-   			
-   			<!-- LEFT PATTERN -->
 
-   			<div class="buildify_tm_build_pattern"></div>
 
-   			<!-- /LEFT PATTERN -->
 
-   			
-   			<!-- MENUBAR -->
 
-   			<div class="buildify_tm_menubar">
 
-   				<div class="buildify_tm_menubar_in">
 
-   					<div class="buildify_tm_menubar_content">
 
-   						<div class="menu_logo">
 
-   							<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>
 
-   						</div>
 
-   						<div class="menu_nav">
 
-   							<div class="menu_nav_in">
 
-   								<div class="menu_nav_content scrollable">
 
-									<ul class="vert_nav">
 
-										<li><a href="index.html">首页</a></li>
 
-										<li class="active1">
 
-											<a href="#">方案</a>
 
-											<div class="inside_menu">
 
-												<ul>
 
-													<li><a href="project.html">方案</a></li>
 
-													<li><a href="project-single.html">方案详情</a></li>
 
-												</ul>
 
-											</div>
 
-										</li>
 
-										<li class="active1">
 
-											<a href="#">我们的服务</a>
 
-											<div class="inside_menu">
 
-												<ul>
 
-													<li><a href="service.html">服务</a></li>
 
-													<li><a href="service-single.html">服务详情</a></li>
 
-												</ul>
 
-											</div>
 
-										</li>
 
-										<li><a href="about.html">关于我们</a></li>
 
-										<!-- <li><a href="blog.html">Blog</a></li> -->
 
-										<li><a href="contact.html">联系我们</a></li>
 
-									</ul>
 
-   								</div>
 
-   							</div>
 
-   						</div>
 
-   					</div>
 
-   				</div>
 
-   				<div class="buildify_tm_home_button">
 
-					<span class="first">
 
-						<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>
 
-					</span>
 
-					<span class="second">中国·台州</span>
 
-				</div>
 
-   			</div>
 
-   			<!-- /MENUBAR -->
 
-   			
-   		</div>
 
-   		<!-- /LEFTPART -->
 
-   		
-   		<!-- RIGHTPART -->
 
-   		<div class="buildify_tm_rightpart_wrap">
 
-   			<div class="buildify_tm_rightpart">
 
-				
-   				<!-- CONTENT -->
 
-				<div class="buildify_tm_content_wrap">
 
-					<div class="buildify_tm_content">
 
-						<!-- TOPBAR -->
 
-						<div class="buildify_tm_topbar_info">
 
-							<div class="buildify_tm_connection">
 
-								<div class="phone_numb">
 
-									<div class="phone_numb_in">
 
-										<img src="img/call.png" alt="" />
 
-										<p>联系我们: <span>1-800-987-6543</span></p>
 
-									</div>
 
-								</div>
 
-								<div class="send_msg">
 
-									<a href="contact.html">
 
-										<img class="svg" src="img/svg/message2.svg" alt="" />
 
-									</a>
 
-								</div>
 
-							</div>
 
-							<div class="buildify_tm_social_list">
 
-							<!-- 	<label>Follow us:</label> -->
 
-							<!-- 	<ul>
 
-									<li><a href="#"><i class="xcon-facebook"></i></a></li>
 
-									<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
-									<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
-									<li><a href="#"><i class="xcon-pinterest"></i></a></li>
 
-									<li><a href="#"><i class="xcon-gplus"></i></a></li>
 
-								</ul> -->
 
-							</div>
 
-						</div>
 
-						<!-- /TOPBAR -->
 
-						
-						<!-- HEADER -->
 
-					   <div class="buildify_tm_mobile_header_wrap">
 
-							<div class="in">
 
-							   <div class="container">
 
-								   <div class="header_inner">
 
-									   <div class="logo">
 
-										   <a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>
 
-									   </div>
 
-									   <div class="buildify_tm_trigger">
 
-											<div class="hamburger hamburger--collapse-r">
 
-												<div class="hamburger-box">
 
-													<div class="hamburger-inner"></div>
 
-												</div>
 
-											</div>
 
-										</div>
 
-								   </div>
 
-							   </div>
 
-								<div class="navigation_wrap">
 
-									<div class="container">
 
-										<div class="inner_navigation">
 
-											<ul class="nav">
 
-											
-												<li><a href="index.html">首页</a></li>
 
-												<li>
 
-													<a href="#">方案</a>
 
-													<ul class="sub_menu">
 
-														<li><a href="project.html">方案</a></li>
 
-														<li><a href="project-single.html">方案详情</a></li>
 
-													</ul>
 
-												</li>
 
-												<li>
 
-													<a href="#">我们的服务</a>
 
-													<ul class="sub_menu">
 
-														<li><a href="service.html">服务</a></li>
 
-														<li><a href="service-single.html">服务详情</a></li>
 
-													</ul>
 
-												</li>
 
-												<li><a href="about.html">关于我们</a></li>
 
-												<!-- 	<li><a href="blog.html">Blog</a></li> -->
 
-												<li><a href="contact.html">联系我们</a></li>
 
-											</ul>
 
-										</div>
 
-									</div>
 
-								</div>
 
-						   </div>
 
-					   </div>
 
-						<!-- /HEADER -->
 
-						<div class="buildify_tm_section">
 
-							<div class="buildify_tm_justified_wrap gallery_zoom">
 
-								<a class="zoom" href="img/slider/8.jpg">
 
-									<img src="img/slider/8.jpg" alt="" />
 
-									<span class="overlay"></span>
 
-									<span class="shape"><span></span></span>
 
-								</a>
 
-								<a class="zoom" href="img/slider/9.jpg">
 
-									<img src="img/slider/9.jpg" alt="" />
 
-									<span class="overlay"></span>
 
-									<span class="shape"><span></span></span>
 
-								</a>
 
-								<a class="zoom" href="img/slider/10.jpg">
 
-									<img src="img/slider/10.jpg" alt="" />
 
-									<span class="overlay"></span>
 
-									<span class="shape"><span></span></span>
 
-								</a>
 
-								<a class="zoom" href="img/slider/11.jpg">
 
-									<img src="img/slider/11.jpg" alt="" />
 
-									<span class="overlay"></span>
 
-									<span class="shape"><span></span></span>
 
-								</a>
 
-								<a class="zoom" href="img/slider/12.jpg">
 
-									<img src="img/slider/12.jpg" alt="" />
 
-									<span class="overlay"></span>
 
-									<span class="shape"><span></span></span>
 
-								</a>
 
-								<a class="zoom" href="img/slider/13.jpg">
 
-									<img src="img/slider/13.jpg" alt="" />
 
-									<span class="overlay"></span>
 
-									<span class="shape"><span></span></span>
 
-								</a>
 
-							</div>
 
-						</div>
 
-						<div class="buildify_tm_section">
 
-							<div class="container">
 
-								<div class="buildify_tm_justified_content">
 
-									<div class="leftpart" v-for="item in detailObj">
 
-										<div class="title_holder">
 
-											<h3>{{item.title}}</h3>
 
-										</div>
 
-										<div class="definition">
 
-											<!-- <p>The project consists of a full service Hilton Hotel located at the intersection of 5th Avenue and Park Street in Des Moines, IA. The simple, modern exterior materials and composition are inspired by agrarian landscape and are enhanced by unique lighting elements. Hotel amenities will include 330 guest rooms; a 10,000-square-foot ballroom with prefunction and outdoor terraces; 4,000 square feet of breakout meeting rooms; a full-service kitchen; restaurant with outdoor seating; lobby with bar; tech lounge; swimming pool; and fitness center.</p>
 
-											<p>To renovate the 35,000 sq. metre facade, the Freyssinet teams applied a range of solutions, including cathodic protection of the reinforcing bars and application of a waterproof silane surface treatment.</p>
 
-											<p class="bold">Rejuvenating the building while minimising disruption for occupants</p>
 
-											<p>Since the building remained occupied during the project, a major effort was made to minimise disruption for local residents, including encapsulation of the work areas and specially developed work platforms. Overall, the noise level was reduced by 25 dB. The face lift restored the iconic building to its former glory as part of the Sydney skyline.</p> -->
 
-											<p v-html="item.content">{{item.content}}</p>
 
-										
-										</div>
 
-										<div class="buildify_tm_share_wrap">
 
-										<!-- 	<label>Share:</label>
 
-											<ul>
 
-												<li><a href="#"><i class="xcon-facebook"></i></a></li>
 
-												<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
-												<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
-											</ul> -->
 
-										</div>
 
-										<div class="buildify_tm_project_video">
 
-											<!-- <span>
 
-												<img class="svg" src="img/svg/play.svg" alt="" />
 
-											</span>
 
-											<a class="project_time" href="#">View Company Promo Video</a>
 
-											<a class="project_video_button popup-youtube" href="https://www.youtube.com/watch?v=se4yc09w7Ic"></a> -->
 
-										</div>
 
-									</div>
 
-									<div class="rightpart">
 
-										<!-- <div class="infobox">
 
-											<ul>
 
-												<li>
 
-													<label>Category</label>
 
-													<span>Commercial</span>
 
-												</li>
 
-												<li>
 
-													<label>Client</label>
 
-													<span>MLC Limited</span>
 
-												</li>
 
-												<li>
 
-													<label>Architect</label>
 
-													<span>Harry Seidler</span>
 
-												</li>
 
-												<li>
 
-													<label>Location</label>
 
-													<span>19-29 Martin Place, Sydney</span>
 
-												</li>
 
-												<li>
 
-													<label>Floor Count</label>
 
-													<span>67</span>
 
-												</li>
 
-												<li>
 
-													<label>Square Footage</label>
 
-													<span>35,000</span>
 
-												</li>
 
-											</ul>
 
-											<div class="first_square"></div>
 
-											<div class="second_square"></div>
 
-										</div> -->
 
-									</div>
 
-								</div>
 
-								<div class="buildify_tm_pagination">
 
-									<!-- <ul>
 
-										<li><span>Prev</span></li>
 
-										<li class="active"><a href="#">Next</a></li>
 
-									</ul> -->
 
-								</div>
 
-							</div>
 
-						</div>				
-					</div>
 
-   					<!-- /CONTENT -->
 
-					<footer class="buildify_tm_footer">
 
-						<div class="buildify_tm_universal_parallax_wrap">
 
-							<div class="main_bg">
 
-								<div class="overlay_image footer jarallax" data-speed="0"></div>
 
-								<div class="overlay_video"></div>								
-								<div class="overlay_color footer"></div>
 
-							</div>
 
-							<div class="main_content footer">
 
-								<div class="buildify_tm_subscribe_wrap">
 
-									<div class="container">
 
-										<!-- <div class="inner_wrap">
 
-											<div class="left_wrap">
 
-												<div class="book">
 
-													<img class="svg" src="img/svg/open-book.svg" alt="" />
 
-												</div>
 
-												<div class="text">
 
-													<p>Newsletter<span></span> get updates with latest topics</p>
 
-												</div>
 
-											</div>
 
-											<div class="right_wrap">
 
-												<input class="email" type="email" placeholder="Your e-mail address">
 
-												<input class="button" type="button" value="subscribe">
 
-											</div>
 
-										</div> -->
 
-									</div>
 
-								</div>
 
-								<div class="buildify_tm_footer_wrap">
 
-									<div class="container">
 
-										<div class="buildify_tm_list_wrap" data-column="3" data-space="40">
 
-											<ul class="buildify_list">
 
-												<li v-for="item in bottom" >
 
-													<div class="inner" >
 
-														<div class="footer_section_title">
 
-															<h3>{{item.title}}</h3>
 
-														</div>
 
-														<div class="definition" >
 
-															<p v-html="item.content">{{item.content}}</p>
 
-														</div>
 
-													</div>
 
-												</li>
 
-												<!-- <li>
 
-													<div class="inner">
 
-														<div class="footer_section_title">
 
-															<h3>Business Hours</h3>
 
-														</div>
 
-														<div class="inner_list">
 
-															<ul>
 
-																<li>
 
-																	<div class="wrap">
 
-																		<span class="left">Monday-Friday:</span>
 
-																		<span class="right">9am to 5pm</span>
 
-																	</div>
 
-																</li>
 
-																<li>
 
-																	<div class="wrap">
 
-																		<span class="left">Saturday:</span>
 
-																		<span class="right">10am to 3pm</span>
 
-																	</div>
 
-																</li>
 
-																<li>
 
-																	<div class="wrap">
 
-																		<span class="left">Sunday:</span>
 
-																		<span class="right">Closed</span>
 
-																	</div>
 
-																</li>
 
-															</ul>
 
-														</div>
 
-													</div>
 
-												</li>
 
-												<li>
 
-													<div class="inner">
 
-														<div class="footer_section_title">
 
-															<h3>Helpful Links</h3>
 
-														</div>
 
-														<div class="helpful_links">
 
-															<div class="inner_list">
 
-																<ul>
 
-																	<li><a href="#">Our services</a></li>
 
-																	<li><a href="#">Diclaimer</a></li>
 
-																	<li><a href="#">Showcase</a></li>
 
-																	<li><a href="#">Privacy Policy</a></li>
 
-																	<li><a href="#">Affliates</a></li>
 
-																</ul>
 
-															</div>
 
-														</div>
 
-													</div>
 
-												</li> -->
 
-											</ul>
 
-										</div>
 
-									</div>
 
-								</div>
 
-							</div>
 
-						</div>
 
-					</footer>
 
-					<div class="buildify_tm_section">
 
-						<div class="buildify_tm_copyright_wrap">
 
-							<div class="container">
 
-								<div class="inner_wrap">
 
-									<div class="copyright_logo">
 
-										<a href="#">
 
-											<img src="img/logo/lanbo.png" alt="" />
 
-										</a>
 
-									</div>
 
-									<div class="main_info_wrap">
 
-										<div class="share_wrap">
 
-											<span></span>
 
-											<ul>
 
-												<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
 
-												<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
-												<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
-												<li><a href="#"><i class="xcon-pinterest"></i></a></li>
 
-												<li><a href="#"><i class="xcon-gplus"></i></a></li> -->
 
-											</ul>
 
-										</div>
 
-										<div class="bottom_wrap">
 
-											 <div class="links_wrap">
 
-												<ul>
 
-													<li><a href="index.html">首页</a></li>
 
-													<li><a href="project.html">方案</a></li>
 
-													<li><a href="service.html">我们的服务</a></li>
 
-													<li><a href="about.html">关于我们</a></li>
 
-													<li><a href="contact.html">联系我们</a></li>
 
-												</ul>
 
-											</div>
 
-									
-												<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme
 
-													has
 
-													been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->
 
-											<div class="copyright" v-for="item in statement">
 
-											<p v-html="item.content">{{item.content}}</p>
 
-											</div>
 
-										</div>
 
-									</div>
 
-									<a class="buildify_tm_totop" href="#">
 
-										<span class="first">返回顶部</span>
 
-										<span class="top">
 
-											<span class="line"></span>
 
-										</span>
 
-									</a>
 
-								</div>
 
-							</div>
 
-						</div>
 
-					</div>
 
-					</div>
 
-				</div>
 
-			</div>
 
-			<!-- /RIGHTPART -->
 
-   </div>
 
-	   </div>
 
-
 
-
 
-<!-- / WRAPPER ALL -->
 
-
 
-
 
-
 
-<!-- SCRIPTS -->
 
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
-<script src="./js/common.js"></script>
 
-<script type="text/javascript" src="js/jquery.js"></script>
 
-<script type="text/javascript" src="js/plugins.js"></script>
 
-<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->	
-<script type="text/javascript" src="js/init.js"></script>
 
-<!-- /SCRIPTS -->
 
-<script src="./js/project-single.js"></script>
 
-</body>
 
-</html>
 
+<!DOCTYPE html>

+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->

+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->

+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->

+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

+

+<head>

+

+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

+

+<meta name="description" content="Buildify">

+<meta name="author" content="Marketify">

+

+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

+

+<title>产品详情</title>

+

+<!-- STYLES -->

+<link rel="stylesheet" type="text/css" href="css/fontello.css" />

+<link rel="stylesheet" type="text/css" href="css/skeleton.css" />

+<link rel="stylesheet" type="text/css" href="css/plugins.css" />

+<link rel="stylesheet" type="text/css" href="css/base.css" />

+<link rel="stylesheet" type="text/css" href="css/style.css" />

+<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">

+

+<!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->

+<!-- /STYLES -->

+

+</head>

+

+<body>

+

+<!-- MAIN BACKGROUND -->

+<div class="buildify_tm_mainbg">

+	

+	<!-- PATTERN -->

+	<div class="marketify_pattern_overlay"></div>

+	<!-- /PATTERN -->

+	

+</div>

+<!-- /MAIN BACKGROUND -->

+

+<!-- WRAPPER ALL -->

+<div class="buildify_tm_wrapper_all" id="app">

+   

+   <div class="buildify_tm_wrapper">

+   

+   		

+	   <div class="buildify_tm_animate_submenu"></div>

+	   

+   

+  		<!-- LEFTPART -->

+   		<div class="buildify_tm_leftpart_wrap">

+   			

+   			<!-- LEFT PATTERN -->

+   			<div class="buildify_tm_build_pattern"></div>

+   			<!-- /LEFT PATTERN -->

+   			

+   			<!-- MENUBAR -->

+   			<div class="buildify_tm_menubar">

+   				<div class="buildify_tm_menubar_in">

+   					<div class="buildify_tm_menubar_content">

+   						<div class="menu_logo">

+   							<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>

+   						</div>

+   						<div class="menu_nav">

+   							<div class="menu_nav_in">

+   								<div class="menu_nav_content scrollable">

+									<ul class="vert_nav">

+										<li><a href="index.html">首页</a></li>

+										<li >

+											<a href="project.html">产品系列</a>

+

+											<!-- <div class="inside_menu">

+												<ul>

+													<li><a href="project.html">产品系列</a></li>

+													<li><a href="project-single.html">产品详情</a></li>

+												</ul>

+											</div> -->

+										</li>

+										<li >

+											<a href="service.html">企业风采</a>

+											<!-- <div class="inside_menu">

+												<ul>

+													<li><a href="service.html">企业风采</a></li>

+													<li><a href="service-single.html">资质荣誉</a></li>

+												</ul>

+											</div> -->

+										</li>

+										<li><a href="about.html">关于我们</a></li>

+										<!-- <li><a href="blog.html">Blog</a></li> -->

+										<li><a href="contact.html">联系我们</a></li>

+									</ul>

+   								</div>

+   							</div>

+   						</div>

+   					</div>

+   				</div>

+   				<div class="buildify_tm_home_button">

+					<span class="first">

+						<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>

+					</span>

+					<span class="second">中国·台州</span>

+				</div>

+   			</div>

+   			<!-- /MENUBAR -->

+   			

+   		</div>

+   		<!-- /LEFTPART -->

+   		

+   		<!-- RIGHTPART -->

+   		<div class="buildify_tm_rightpart_wrap">

+   			<div class="buildify_tm_rightpart">

+				

+   				<!-- CONTENT -->

+				<div class="buildify_tm_content_wrap">

+					<div class="buildify_tm_content">

+						<!-- TOPBAR -->

+						<div class="buildify_tm_topbar_info">

+							<div class="buildify_tm_connection">

+								<div class="phone_numb">

+									<div class="phone_numb_in">

+										<img src="img/call.png" alt="" />

+										<p>联系我们: <span>0576-82875388</span></p>

+									</div>

+								</div>

+								<div class="send_msg">

+									<a href="contact.html">

+										<img class="svg" src="img/svg/message2.svg" alt="" />

+									</a>

+								</div>

+							</div>

+					

+							<!-- 	<label>Follow us:</label> -->

+							<!-- 	<ul>

+									<li><a href="#"><i class="xcon-facebook"></i></a></li>

+									<li><a href="#"><i class="xcon-twitter"></i></a></li>

+									<li><a href="#"><i class="xcon-instagram"></i></a></li>

+									<li><a href="#"><i class="xcon-pinterest"></i></a></li>

+									<li><a href="#"><i class="xcon-gplus"></i></a></li>

+								</ul> -->

+						

+						</div>

+						<!-- /TOPBAR -->

+						

+						<!-- HEADER -->

+					   <div class="buildify_tm_mobile_header_wrap">

+							<div class="in">

+							   <div class="container">

+								   <div class="header_inner">

+									   <div class="logo">

+										   <a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>

+									   </div>

+									   <div class="buildify_tm_trigger">

+											<div class="hamburger hamburger--collapse-r">

+												<div class="hamburger-box">

+													<div class="hamburger-inner"></div>

+												</div>

+											</div>

+										</div>

+								   </div>

+							   </div>

+								<div class="navigation_wrap">

+									<div class="container">

+										<div class="inner_navigation">

+											<ul class="nav">

+											

+												<li><a href="index.html">首页</a></li>

+												<li>

+													<a href="#">产品详情</a>

+													<ul class="sub_menu">

+														<li><a href="project.html">产品详情</a></li>

+														<li><a href="project-single.html">产品详情</a></li>

+													</ul>

+												</li>

+												<li>

+													<a href="#">企业风采</a>

+													<ul class="sub_menu">

+														<li><a href="service.html">企业风采</a></li>

+														<li><a href="service-single.html">企业荣誉</a></li>

+													</ul>

+												</li>

+												<li><a href="about.html">关于我们</a></li>

+												<!-- 	<li><a href="blog.html">Blog</a></li> -->

+												<li><a href="contact.html">联系我们</a></li>

+											</ul>

+										</div>

+									</div>

+								</div>

+						   </div>

+					   </div>

+						 <div class="buildify_tm_section">

+							<div class="buildify_tm_main_title_holder">

+								<div class="container">

+									<div class="title_holder">

+										<h3>产品系列</h3>

+									</div>

+									<div class="builify_tm_breadcrumbs">

+										<ul>

+											<li><a href="project.html">产品系列</a></li>

+											<li class="shape"><span></span></li>

+											<li><span>产品详情</span></li>

+										</ul>

+									</div>

+								</div>

+							</div>

+						</div>

+						<!-- /HEADER -->

+						<!-- <div class="buildify_tm_section">

+							<div class="buildify_tm_justified_wrap gallery_zoom">

+								<a class="zoom" href="img/slider/8.jpg" >

+									<img src="img/slider/8.jpg" alt="" />

+									<span class="overlay"></span>

+									<span class="shape"><span></span></span>

+								</a>

+								<a class="zoom" href="img/slider/9.jpg">

+									<img src="img/slider/9.jpg" alt="" />

+									<span class="overlay"></span>

+									<span class="shape"><span></span></span>

+								</a>

+								<a class="zoom" href="img/slider/10.jpg">

+									<img src="img/slider/10.jpg" alt="" />

+									<span class="overlay"></span>

+									<span class="shape"><span></span></span>

+								</a>

+								<a class="zoom" href="img/slider/11.jpg">

+									<img src="img/slider/11.jpg" alt="" />

+									<span class="overlay"></span>

+									<span class="shape"><span></span></span>

+								</a>

+								<a class="zoom" href="img/slider/12.jpg">

+									<img src="img/slider/12.jpg" alt="" />

+									<span class="overlay"></span>

+									<span class="shape"><span></span></span>

+								</a>

+								<a class="zoom" href="img/slider/13.jpg">

+									<img src="img/slider/13.jpg" alt="" />

+									<span class="overlay"></span>

+									<span class="shape"><span></span></span>

+								</a>

+							</div>

+						</div> -->

+						<div class="buildify_tm_section">

+							<div class="container">

+								<div class="buildify_tm_justified_content">

+									<div class="leftpart">

+										<div class="title_holder">

+											<!-- <h3 style>{{goodInfo.title}}</h3> -->

+										</div>

+										<div class="definition">

+											<!-- <p>The project consists of a full service Hilton Hotel located at the intersection of 5th Avenue and Park Street in Des Moines, IA. The simple, modern exterior materials and composition are inspired by agrarian landscape and are enhanced by unique lighting elements. Hotel amenities will include 330 guest rooms; a 10,000-square-foot ballroom with prefunction and outdoor terraces; 4,000 square feet of breakout meeting rooms; a full-service kitchen; restaurant with outdoor seating; lobby with bar; tech lounge; swimming pool; and fitness center.</p>

+											<p>To renovate the 35,000 sq. metre facade, the Freyssinet teams applied a range of solutions, including cathodic protection of the reinforcing bars and application of a waterproof silane surface treatment.</p>

+											<p class="bold">Rejuvenating the building while minimising disruption for occupants</p>

+											<p>Since the building remained occupied during the project, a major effort was made to minimise disruption for local residents, including encapsulation of the work areas and specially developed work platforms. Overall, the noise level was reduced by 25 dB. The face lift restored the iconic building to its former glory as part of the Sydney skyline.</p> -->

+											<p v-html="goodInfo.content" ></p>

+										</div>

+										<div class="buildify_tm_share_wrap">

+										<!-- 	<label>Share:</label>

+											<ul>

+												<li><a href="#"><i class="xcon-facebook"></i></a></li>

+												<li><a href="#"><i class="xcon-twitter"></i></a></li>

+												<li><a href="#"><i class="xcon-instagram"></i></a></li>

+											</ul> -->

+										</div>

+										<div class="buildify_tm_project_video">

+											<!-- <span>

+												<img class="svg" src="img/svg/play.svg" alt="" />

+											</span>

+											<a class="project_time" href="#">View Company Promo Video</a>

+											<a class="project_video_button popup-youtube" href="https://www.youtube.com/watch?v=se4yc09w7Ic"></a> -->

+										</div>

+									</div>

+									<!-- <div class="rightpart"> -->

+										<!-- <div class="infobox">

+											<ul>

+												<li>

+													<label>Category</label>

+													<span>Commercial</span>

+												</li>

+												<li>

+													<label>Client</label>

+													<span>MLC Limited</span>

+												</li>

+												<li>

+													<label>Architect</label>

+													<span>Harry Seidler</span>

+												</li>

+												<li>

+													<label>Location</label>

+													<span>19-29 Martin Place, Sydney</span>

+												</li>

+												<li>

+													<label>Floor Count</label>

+													<span>67</span>

+												</li>

+												<li>

+													<label>Square Footage</label>

+													<span>35,000</span>

+												</li>

+											</ul>

+											<div class="first_square"></div>

+											<div class="second_square"></div>

+										</div> -->

+									

+								</div>

+								<div class="buildify_tm_pagination">

+									<!-- <ul>

+										<li><span>Prev</span></li>

+										<li class="active"><a href="#">Next</a></li>

+									</ul> -->

+								</div>

+							</div>

+						</div>				

+					</div>

+   					<!-- /CONTENT -->

+						 <footer class="buildify_tm_footer">

+							<div class="buildify_tm_universal_parallax_wrap">

+								<div class="main_bg">

+									<div class="overlay_image footer jarallax" data-speed="0"></div>

+									<div class="overlay_video"></div>

+									<div class="overlay_color footer"></div>

+								</div>

+								<div class="main_content footer">

+									<div class="buildify_tm_subscribe_wrap">

+										<div class="container">

+											<!-- <div class="inner_wrap">

+												<div class="left_wrap">

+													<div class="book">

+														<img class="svg" src="img/svg/open-book.svg" alt="" />

+													</div>

+													<div class="text">

+														<p>Newsletter<span></span> get updates with latest topics</p>

+													</div>

+												</div>

+												<div class="right_wrap">

+													<input class="email" type="email" placeholder="Your e-mail address">

+													<input class="button" type="button" value="subscribe">

+												</div>

+											</div> -->

+										</div>

+									</div>

+									<div class="buildify_tm_footer_wrap">

+										<div class="container">

+											<div class="buildify_tm_list_wrap" data-column="3" data-space="40">

+												<ul class="buildify_list">

+													<li v-for="item in bottom" >

+														<div class="inner" >

+															<div class="footer_section_title">

+																<h3>{{item.title}}</h3>

+															</div>

+															<div class="definition" >

+																<p v-html="item.content"></p>

+															</div>

+														</div>

+													</li>

+											<!-- 		<li>

+														<div class="inner">

+															<div class="footer_section_title">

+																<h3>Business Hours</h3>

+															</div>

+															<div class="inner_list">

+																<ul>

+																	<li>

+																		<div class="wrap">

+																			<span class="left">Monday-Friday:</span>

+																			<span class="right">9am to 5pm</span>

+																		</div>

+																	</li>

+																	<li>

+																		<div class="wrap">

+																			<span class="left">Saturday:</span>

+																			<span class="right">10am to 3pm</span>

+																		</div>

+																	</li>

+																	<li>

+																		<div class="wrap">

+																			<span class="left">Sunday:</span>

+																			<span class="right">Closed</span>

+																		</div>

+																	</li>

+																</ul>

+															</div>

+														</div>

+													</li>

+													<li>

+														<div class="inner">

+															<div class="footer_section_title">

+																<h3>Helpful Links</h3>

+															</div>

+															<div class="helpful_links">

+																<div class="inner_list">

+																	<ul>

+																		<li><a href="#">Our services</a></li>

+																		<li><a href="#">Diclaimer</a></li>

+																		<li><a href="#">Showcase</a></li>

+																		<li><a href="#">Privacy Policy</a></li>

+																		<li><a href="#">Affliates</a></li>

+																	</ul>

+																</div>

+															</div>

+														</div>

+													</li> -->

+												</ul>

+											</div>

+										</div>

+									</div>

+								</div>

+							</div>

+						</footer>

+						<div class="buildify_tm_section">

+							<div class="buildify_tm_copyright_wrap">

+								<div class="container">

+									<div class="inner_wrap">

+										<div class="copyright_logo">

+											<a href="#">

+												<img src="img/logo/lanbo.png" alt="" />

+											</a>

+										</div>

+										<div class="main_info_wrap">

+											<div class="share_wrap">

+												<span></span>

+												<ul>

+													<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>

+													<li><a href="#"><i class="xcon-twitter"></i></a></li>

+													<li><a href="#"><i class="xcon-instagram"></i></a></li>

+													<li><a href="#"><i class="xcon-pinterest"></i></a></li>

+													<li><a href="#"><i class="xcon-gplus"></i></a></li> -->

+												</ul>

+											</div>

+											<div class="bottom_wrap">

+												 <div class="links_wrap">

+													<ul>

+														<li><a href="index.html">首页</a></li>

+														<li><a href="project.html">产品系列</a></li>

+													

+														<li><a href="service.html">企业风采</a></li>

+													

+														<li><a href="about.html">关于我们</a></li>

+														<li><a href="contact.html">联系我们</a></li>

+													</ul>

+												</div>

+												<div class="copyright" v-for="item in statement">

+													<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

+												<p v-html="item.content">{{item.content}}</p>

+												</div>

+											</div>

+										</div>

+										<a class="buildify_tm_totop" href="#">

+											<span class="first">返回顶部</span>

+											<span class="top">

+												<span class="line"></span>

+											</span>

+										</a>

+									</div>

+								</div>

+							</div>

+						</div>

+				</div>

+			</div>

+		</div>

+			<!-- /RIGHTPART -->

+   </div>

+	   </div>

+

+

+<!-- / WRAPPER ALL -->

+

+

+

+<!-- SCRIPTS -->

+<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

+<script src="./js/common.js"></script>

+<script type="text/javascript" src="js/jquery.js"></script>

+<script type="text/javascript" src="js/plugins.js"></script>

+<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->	

+<script type="text/javascript" src="js/init.js"></script>

+<!-- /SCRIPTS -->

+<script >

+		vm = new Vue({

+		el: "#app",

+		data() {

+			return {

+				// company: '',

+				// arrayList: [],

+				// detailObj: [],

+			

+				statement: [],

+				goodInfo: {},

+				goodId: 0,

+				goods: [],

+					 bottom: [],

+			}

+		},

+		created() {

+			// console.log(window.location.href)

+			this.getGoods()

+		},

+		methods: {

+			getId() {

+				let url = document.location.toString();

+				let arrUrl = url.split("?");

+				if(arrUrl[1]) {

+					let id = arrUrl[1].split("=")[1];

+					this.goodId = id * 1

+				}

+			},

+			getGoods() {

+				let data = {

+					limit:10000

+				}

+				let ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product'

+				AJAX('get', ajaxUrl, data, ({ data }) => {

+					data.list.forEach(item => {

+						if (item.category_ids === '67' || item.category_ids === '68' || item.category_ids === '69') {

+							item.coverimage = 'http://lanbo.frp.liuniu946.com/' + item.coverimage

+							item.content = item.content.replace(/src="/g,'src="http://lanbo.frp.liuniu946.com/')

+							this.goods.push(item)

+						}

+						if (item.category_ids=== '64') {

+							this.bottom.push(item)

+						}

+						if (item.category_ids=== '65') {

+							this.statement.push(item)

+							console.log(this.statement)

+						}

+					});

+					this.getId()

+					console.log(this.goodId)

+					if(this.goodId == 0){

+						this.goodInfo = this.goods[0]

+					}else {

+						this.goods.forEach( (item) => {

+							if(item.id == this.goodId)

+							this.goodInfo = item

+						})

+					}

+				})

+			}

+		}

+

+	});

+</script>

+</body>

+</html>

+ 346 - 340
project.html
View File 

@@ -4,245 +4,249 @@
 
 <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->

 <!--[if (gte IE 9)|!(IE)]><!-->

 <html lang="en">

-	<!--<![endif]-->

+<!--<![endif]-->

 

-	<head>

+<head>

 

-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

-		<meta name="description" content="Buildify">

-		<meta name="author" content="Marketify">

+	<meta name="description" content="Buildify">

+	<meta name="author" content="Marketify">

 

-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 

-		<title>Constructify | Project</title>

+	<title>project</title>

 

-		<!-- STYLES -->

-		<link rel="stylesheet" type="text/css" href="css/fontello.css" />

-		<link rel="stylesheet" type="text/css" href="css/skeleton.css" />

-		<link rel="stylesheet" type="text/css" href="css/plugins.css" />

-		<link rel="stylesheet" type="text/css" href="css/base.css" />

-		<link rel="stylesheet" type="text/css" href="css/style.css" />

-		<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"

-		 rel="stylesheet">

+	<!-- STYLES -->

+	<link rel="stylesheet" type="text/css" href="css/fontello.css" />

+	<link rel="stylesheet" type="text/css" href="css/skeleton.css" />

+	<link rel="stylesheet" type="text/css" href="css/plugins.css" />

+	<link rel="stylesheet" type="text/css" href="css/base.css" />

+	<link rel="stylesheet" type="text/css" href="css/style.css" />

+	<link

+		href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"

+		rel="stylesheet">

 

-		<!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->

-		<!-- /STYLES -->

+	<!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->

+	<!-- /STYLES -->

 

-	</head>

+</head>

 

-	<body>

+<body>

 

-		<!-- MAIN BACKGROUND -->

-		<div class="buildify_tm_mainbg">

+	<!-- MAIN BACKGROUND -->

+	<div class="buildify_tm_mainbg">

 

-			<!-- PATTERN -->

-			<div class="marketify_pattern_overlay"></div>

-			<!-- /PATTERN -->

+		<!-- PATTERN -->

+		<div class="marketify_pattern_overlay"></div>

+		<!-- /PATTERN -->

 

-		</div>

-		<!-- /MAIN BACKGROUND -->

+	</div>

+	<!-- /MAIN BACKGROUND -->

 

-		<!-- WRAPPER ALL -->

-		<div class="buildify_tm_wrapper_all" id="app">

+	<!-- WRAPPER ALL -->

+	<div class="buildify_tm_wrapper_all" id="app">

 

-			<div class="buildify_tm_wrapper">

+		<div class="buildify_tm_wrapper">

 

 

-				<div class="buildify_tm_animate_submenu"></div>

+			<div class="buildify_tm_animate_submenu"></div>

 

 

-				<!-- LEFTPART -->

-				<div class="buildify_tm_leftpart_wrap">

+			<!-- LEFTPART -->

+			<div class="buildify_tm_leftpart_wrap">

 

-					<!-- LEFT PATTERN -->

-					<div class="buildify_tm_build_pattern"></div>

-					<!-- /LEFT PATTERN -->

+				<!-- LEFT PATTERN -->

+				<div class="buildify_tm_build_pattern"></div>

+				<!-- /LEFT PATTERN -->

 

-					<!-- MENUBAR -->

-					<div class="buildify_tm_menubar">

-						<div class="buildify_tm_menubar_in">

-							<div class="buildify_tm_menubar_content">

-								<div class="menu_logo">

-									<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>

-								</div>

-								<div class="menu_nav">

-									<div class="menu_nav_in">

-										<div class="menu_nav_content scrollable">

-											<ul class="vert_nav">

-												<li><a href="index.html">首页</a></li>

-												<li class="active1">

-													<a href="#">方案</a>

-											

-													<div class="inside_menu">

-														<ul>

-															<li><a href="project.html">方案</a></li>

-															<li><a href="project-single.html">方案详情</a></li>

-														</ul>

-													</div>

-												</li>

-												<li class="active1">

-													<a href="#">我们的服务</a>

-													<div class="inside_menu">

-														<ul>

-															<li><a href="service.html">服务</a></li>

-															<li><a href="service-single.html">服务详情</a></li>

-														</ul>

-													</div>

-												</li>

-												<li><a href="about.html">关于我们</a></li>

-												<!-- <li><a href="blog.html">Blog</a></li> -->

-												<li><a href="contact.html">联系我们</a></li>

-											</ul>

-										</div>

+				<!-- MENUBAR -->

+				<div class="buildify_tm_menubar">

+					<div class="buildify_tm_menubar_in">

+						<div class="buildify_tm_menubar_content">

+							<div class="menu_logo">

+								<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>

+							</div>

+							<div class="menu_nav">

+								<div class="menu_nav_in">

+									<div class="menu_nav_content scrollable">

+										<ul class="vert_nav">

+											<li><a href="index.html">首页</a></li>

+											<li >

+												<a href="project.html">产品系列</a>

+

+												<!-- <div class="inside_menu">

+													<ul>

+														<li><a href="project.html">产品系列</a></li>

+														<li><a href="project-single.html">产品详情</a></li>

+													</ul>

+												</div> -->

+											</li>

+											<li >

+												<a href="service.html">企业风采</a>

+												<!-- <div class="inside_menu">

+													<ul>

+														<li><a href="service.html">企业风采</a></li>

+														<li><a href="service-single.html">资质荣誉</a></li>

+													</ul>

+												</div> -->

+											</li>

+											<li><a href="about.html">关于我们</a></li>

+											<!-- <li><a href="blog.html">Blog</a></li> -->

+											<li><a href="contact.html">联系我们</a></li>

+										</ul>

 									</div>

 								</div>

 							</div>

 						</div>

-						<div class="buildify_tm_home_button">

-							<span class="first">

-								<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>

-							</span>

-							<span class="second">中国·台州</span>

-						</div>

 					</div>

-					<!-- /MENUBAR -->

-

+					<div class="buildify_tm_home_button">

+						<span class="first">

+							<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>

+						</span>

+						<span class="second">中国·台州</span>

+					</div>

 				</div>

-				<!-- /LEFTPART -->

-

-				<!-- RIGHTPART -->

-				<div class="buildify_tm_rightpart_wrap">

-					<div class="buildify_tm_rightpart">

-

-						<!-- CONTENT -->

-						<div class="buildify_tm_content_wrap">

-							<div class="buildify_tm_content">

-								<!-- TOPBAR -->

-								<div class="buildify_tm_topbar_info">

-									<div class="buildify_tm_connection">

-										<div class="phone_numb">

-											<div class="phone_numb_in">

-												<img src="img/call.png" alt="" />

-												<p>联系我们: <span>1-800-987-6543</span></p>

-											</div>

-										</div>

-										<div class="send_msg">

-											<a href="contact.html">

-												<img class="svg" src="img/svg/message2.svg" alt="" />

-											</a>

+				<!-- /MENUBAR -->

+

+			</div>

+			<!-- /LEFTPART -->

+

+			<!-- RIGHTPART -->

+			<div class="buildify_tm_rightpart_wrap">

+				<div class="buildify_tm_rightpart">

+

+					<!-- CONTENT -->

+					<div class="buildify_tm_content_wrap">

+						<div class="buildify_tm_content">

+							<!-- TOPBAR -->

+							<div class="buildify_tm_topbar_info">

+								<div class="buildify_tm_connection">

+									<div class="phone_numb">

+										<div class="phone_numb_in">

+											<img src="img/call.png" alt="" />

+											<p>联系我们: <span>0576-82875388</span></p>

 										</div>

 									</div>

-									<!-- <div class="buildify_tm_social_list">

-										<label>Follow us:</label>

-										<ul>

-											<li><a href="#"><i class="xcon-facebook"></i></a></li>

-											<li><a href="#"><i class="xcon-twitter"></i></a></li>

-											<li><a href="#"><i class="xcon-instagram"></i></a></li>

-											<li><a href="#"><i class="xcon-pinterest"></i></a></li>

-											<li><a href="#"><i class="xcon-gplus"></i></a></li>

-										</ul>

-									</div> -->

+									<div class="send_msg">

+										<a href="contact.html">

+											<img class="svg" src="img/svg/message2.svg" alt="" />

+										</a>

+									</div>

 								</div>

-								<!-- /TOPBAR -->

+								<!-- <div class="buildify_tm_social_list">

+									<label>联系我们:</label>

+									<ul>

+										<li><a href="#"><i class="xcon-facebook"></i></a></li>

+										<li><a href="#"><i class="xcon-twitter"></i></a></li>

+										<li><a href="#"><i class="xcon-instagram"></i></a></li>

+										<li><a href="#"><i class="xcon-pinterest"></i></a></li>

+										<li><a href="#"><i class="xcon-gplus"></i></a></li>

+									</ul>

+								</div> -->

+							</div>

+							<!-- /TOPBAR -->

 

-								<!-- HEADER -->

-								<div class="buildify_tm_mobile_header_wrap">

-									<div class="in">

-										<div class="container">

-											<div class="header_inner">

-												<div class="logo">

-													<a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>

-												</div>

-												<div class="buildify_tm_trigger">

-													<div class="hamburger hamburger--collapse-r">

-														<div class="hamburger-box">

-															<div class="hamburger-inner"></div>

-														</div>

-													</div>

-												</div>

+							<!-- HEADER -->

+							<div class="buildify_tm_mobile_header_wrap">

+								<div class="in">

+									<div class="container">

+										<div class="header_inner">

+											<div class="logo">

+												<a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>

 											</div>

-										</div>

-										<div class="navigation_wrap">

-											<div class="container">

-												<div class="inner_navigation">

-													<ul class="nav">

-													

-														<li><a href="index.html">首页</a></li>

-														<li>

-															<a href="#">方案</a>

-															<ul class="sub_menu">

-																<li><a href="project.html">方案</a></li>

-																<li><a href="project-single.html">方案详情</a></li>

-															</ul>

-														</li>

-														<li>

-															<a href="#">我们的服务</a>

-															<ul class="sub_menu">

-																<li><a href="service.html">服务</a></li>

-																<li><a href="service-single.html">服务详情</a></li>

-															</ul>

-														</li>

-														<li><a href="about.html">关于我们</a></li>

-														<!-- 	<li><a href="blog.html">Blog</a></li> -->

-														<li><a href="contact.html">联系我们</a></li>

-													</ul>

+											<div class="buildify_tm_trigger">

+												<div class="hamburger hamburger--collapse-r">

+													<div class="hamburger-box">

+														<div class="hamburger-inner"></div>

+													</div>

 												</div>

 											</div>

 										</div>

 									</div>

-								</div>

-								<!-- /HEADER -->

-								<div class="buildify_tm_section">

-									<div class="buildify_tm_main_title_holder">

+									<div class="navigation_wrap">

 										<div class="container">

-											<div class="title_holder">

-												<h3>专案</h3>

-											</div>

-											<div class="builify_tm_breadcrumbs">

-												<ul>

-													<li><a href="index.html">返回首页</a></li>

-													<li class="shape"><span></span></li>

-													<li><span>专案</span></li>

+											<div class="inner_navigation">

+												<ul class="nav">

+													<li><a href="index.html">首页</a></li>

+													<li>

+														<a href="project.html">产品系列</a>

+														<!-- <ul class="sub_menu">

+															<li><a href="project.html">产品系列</a></li>

+															<li><a href="project-single.html">产品详情</a></li>

+														</ul> -->

+													</li>

+													<li>

+														<a href="service.html">企业风采</a>

+														<!-- <ul class="sub_menu">

+															<li><a href="service.html">企业风采</a></li>

+															<li><a href="service-single.html">资质荣誉</a></li>

+														</ul> -->

+													</li>

+													<li><a href="about.html">关于我们</a></li>

+													<!-- <li><a href="blog.html">Blog</a></li> -->

+													<li><a href="contact.html">联系我们</a></li>

 												</ul>

 											</div>

 										</div>

 									</div>

 								</div>

-								<div class="buildify_tm_section">

+							</div>

+							<!-- /HEADER -->

+							<div class="buildify_tm_section">

+								<div class="buildify_tm_main_title_holder">

 									<div class="container">

-										<div class="buildify_tm_projects_wrap">

-											<!-- <div class="filter_wrap">

-												<div class="all_projects">

-													<span><a href="#">All Projects</a></span>

-												</div>

-												<div class="filter_list">

-													<ul class="buildify_tm_portfolio_filter">

-														<li><a href="#" class="current" data-filter="*">All</a></li>

-														<li><a href="#" data-filter=".architecture">game</a></li>

-														<li><a href="#" data-filter=".interior">other</a></li>

-

-													</ul>

-												</div>

-											</div> -->

-											<ul class="buildify_tm_portfolio_list gallery_zoom">

-												<li class="architecture" v-for="item in pictureList">

+										<div class="title_holder">

+											<h3>产品系列</h3>

+										</div>

+										<div class="builify_tm_breadcrumbs">

+											<ul>

+												<li><a href="index.html">首页</a></li>

+												<li class="shape"><span></span></li>

+												<li><span>产品系列</span></li>

+											</ul>

+										</div>

+									</div>

+								</div>

+							</div>

+							<div class="buildify_tm_section">

+								<div class="container">

+									<div class="buildify_tm_projects_wrap">

+										<div class="filter_wrap">

+											<div class="all_projects">

+												<span><a href="#">所有类型</a></span>

+											</div>

+											<div class="filter_list">

+												<ul class="buildify_tm_portfolio_filter">

+													<li><a href="#" class="current" @click="quanbu">全部</a></li>

+													<!-- <li><a href="#" data-filter=".architecture">Architecture</a></li>

+													<li><a href="#" data-filter=".interior">Interior</a></li>

+													<li><a href="#" data-filter=".renovation">Renovation</a></li> -->

+													<template v-for="item in projectList">

+														<li><a href="#" :key="item.title"

+																@click="hasClick(item.id)">{{item.title}}</a></li>

+													</template>

+												</ul>

+											</div>

+										</div>

+										<ul class="buildify_tm_portfolio_list gallery_zoom">

+											<template v-for="item in pages[page]">

+												<li :key="item.id">

 													<div class="inner">

 														<div class="image_holder">

-															<img src="img/portfolio/630x400.jpg" alt="" />

-															<a href="project-single.html">

-																<div class="image"><img :src="baseUrl + item.coverimage"></div>

+															<img :src="item.coverimage" alt="" />

+															<a :href="item.href">

+																<div class="image"></div>

 															</a>

 														</div>

 														<div class="image_definition">

-

 															<div class="title">

-																<h3><a href="project-single.html">{{item.title}}</a></h3>

+																<h3><a :href="item.href">{{item.title}}</a></h3>

 															</div>

 															<div class="read_more">

 																<p>

-																	<a href="project-single.html" @click="dianji(item.id)">

-																		<span class="text">查看更多</span>

+																	<a :href="item.href">

+																		<span class="text">{{item.synopsis}}</span>

 																		<span class="direction"></span>

 																	</a>

 																</p>

@@ -250,123 +254,18 @@
 
 														</div>

 													</div>

 												</li>

-											</ul>

-											<!-- <li class="interior">

-											<div class="inner">

-												<div class="image_holder">

-													<img src="img/portfolio/630x400.jpg" alt="" />

-													<a href="project-single.html"><div class="image"></div></a>

-												</div>

-												<div class="image_definition">

-													<div class="title">

-														<h3><a href="project-single.html">Chaban-Delmas Bridge</a></h3>

-													</div>

-													<div class="read_more">

-														<p>

-															<a href="project-single.html">

-																<span class="text">View More</span>

-																<span class="direction"></span>

-															</a>

-														</p>

-													</div>

-												</div>

-											</div>

-										</li>

-										<li class="renovation">

-											<div class="inner">

-												<div class="image_holder">

-													<img src="img/portfolio/630x400.jpg" alt="" />

-													<a href="project-single.html"><div class="image"></div></a>

-												</div>

-												<div class="image_definition">

-													<div class="title">

-														<h3><a href="project-single.html">Arturo-Merino-Bentez</a></h3>

-													</div>

-													<div class="read_more">

-														<p>

-															<a href="project-single.html">

-																<span class="text">View More</span>

-																<span class="direction"></span>

-															</a>

-														</p>

-													</div>

-												</div>

-											</div>

-										</li>

-										<li class="architecture">

-											<div class="inner">

-												<div class="image_holder">

-													<img src="img/portfolio/630x400.jpg" alt="" />

-													<a href="project-single.html"><div class="image"></div></a>

-												</div>

-												<div class="image_definition">

-													<div class="title">

-														<h3><a href="project-single.html">Femern Tunnel, Germany-Denmark</a></h3>

-													</div>

-													<div class="read_more">

-														<p>

-															<a href="project-single.html">

-																<span class="text">View More</span>

-																<span class="direction"></span>

-															</a>

-														</p>

-													</div>

-												</div>

-											</div>

-										</li>

-										<li class="interior">

-											<div class="inner">

-												<div class="image_holder">

-													<img src="img/portfolio/630x400.jpg" alt="" />

-													<a href="project-single.html"><div class="image"></div></a>

-												</div>

-												<div class="image_definition">

-													<div class="title">

-														<h3><a href="project-single.html">Meli Hotel La Defense</a></h3>

-													</div>

-													<div class="read_more">

-														<p>

-															<a href="project-single.html">

-																<span class="text">View More</span>

-																<span class="direction"></span>

-															</a>

-														</p>

-													</div>

-												</div>

-											</div>

-										</li>

-										<li class="renovation">

-											<div class="inner">

-												<div class="image_holder">

-													<img src="img/portfolio/630x400.jpg" alt="" />

-													<a href="project-single.html"><div class="image"></div></a>

-												</div>

-												<div class="image_definition">

-													<div class="title">

-														<h3><a href="project-single.html">Odeon Tower</a></h3>

-													</div>

-													<div class="read_more">

-														<p>

-															<a href="project-single.html">

-																<span class="text">View More</span>

-																<span class="direction"></span>

-															</a>

-														</p>

-													</div>

-												</div>

-											</div>

-										</li> -->

-										</div>

+											</template>

+										</ul>

 									</div>

 								</div>

 							</div>

 							<div class="buildify_tm_section">

 								<div class="container">

 									<div class="buildify_tm_pagination">

-										<!-- <ul>

-											<li><span>Prev</span></li>

-											<li class="active"><a href="#">Next</a></li>

-										</ul> -->

+										<ul>

+											<li><span @click="pre()">Prev</span></li>

+											<li class="active"><a href="#" @click="next()">Next</a></li>

+										</ul>

 									</div>

 								</div>

 							</div>

@@ -402,17 +301,17 @@
 
 										<div class="container">

 											<div class="buildify_tm_list_wrap" data-column="3" data-space="40">

 												<ul class="buildify_list">

-													<li v-for="item in bottom">

-														<div class="inner">

+													<li v-for="item in bottom" >

+														<div class="inner" >

 															<div class="footer_section_title">

 																<h3>{{item.title}}</h3>

 															</div>

-															<div class="definition">

+															<div class="definition" >

 																<p v-html="item.content">{{item.content}}</p>

 															</div>

 														</div>

 													</li>

-													<!-- 		<li>

+											<!-- 		<li>

 														<div class="inner">

 															<div class="footer_section_title">

 																<h3>Business Hours</h3>

@@ -487,30 +386,29 @@
 
 												</ul>

 											</div>

 											<div class="bottom_wrap">

-													 <div class="links_wrap">

-														<ul>

-															<li><a href="index.html">首页</a></li>

-															<li><a href="project.html">方案</a></li>

-															<li><a href="service.html">我们的服务</a></li>

-															<li><a href="about.html">关于我们</a></li>

-															<li><a href="contact.html">联系我们</a></li>

-														</ul>

-													</div>

-													<!-- <div class="copyright" v-for="item in statement"> -->

-														<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme

-															has

-															been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

-													<div class="copyright" v-for="item in statement">

-														<p v-html="item.content">{{item.content}}</p>

-													</div>

-												</div>

-											</div>

-										<a class="buildify_tm_totop" href="#">

-											<span class="first">返回顶部</span>

-											<span class="top">

-												<span class="line"></span>

-											</span>

-										</a>

+												<div class="links_wrap">

+												 <ul>

+													 <li><a href="index.html">首页</a></li>

+													 <li><a href="project.html">产品系列</a></li>

+												 

+													 <li><a href="service.html">企业风采</a></li>

+												 

+													 <li><a href="about.html">关于我们</a></li>

+													 <li><a href="contact.html">联系我们</a></li>

+												 </ul>

+											 </div>

+											 <div class="copyright" v-for="item in statement">

+												 <!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

+											 <p v-html="item.content"></p>

+											 </div>

+										 </div>

+									 </div>

+									 <a class="buildify_tm_totop" href="#">

+										 <span class="first">返回顶部</span>

+										 <span class="top">

+											 <span class="line"></span>

+										 </span>

+									 </a>

 									</div>

 								</div>

 							</div>

@@ -518,22 +416,130 @@
 
 					</div>

 				</div>

 				<!-- /RIGHTPART -->

+

 			</div>

+

 		</div>

-	

-		<!-- / WRAPPER ALL -->

+

+	</div>

+	<!-- / WRAPPER ALL -->

 

 

 

-		<!-- SCRIPTS -->

-		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

-		<script type="text/javascript" src="js/jquery.js"></script>

-		<script src="./js/project.js"></script>

-		<script type="text/javascript" src="js/plugins.js"></script>

-		<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->

-		<script type="text/javascript" src="js/init.js"></script>

-		<!-- /SCRIPTS -->

+	<!-- SCRIPTS -->

+	<script type="text/javascript" src="js/jquery.js"></script>

+	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

+	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

+	<script>

+		// <li><a href="#" class="current" data-filter="*">全部</a></li>

+		// <li><a href="#" data-filter=".architecture">Architecture</a></li>

+		// <li><a href="#" data-filter=".interior">Interior</a></li>

+		// <li><a href="#" data-filter=".renovation">Renovation</a></li>

+		var app = new Vue({

+			el: '#app',

+			data: {

+				projectList: [

+					// { title: '全部', dataFilter: '*'},

+					{

+						title: '塑料船',

+						dataFilter: '.plastic_boat',

+						id: 67

+					},

+					{

+						title: '玻璃钢船',

+						dataFilter: '.erp_ship',

+						id: 68

+					},

+					{

+						title: '其他',

+						dataFilter: '.other',

+						id: 69

+					},

+				],

+				list: [],

+				// total: 0,

+				page: 0,

+				showList: [],

+				pictureList: [],

+			baseUrl: 'http://lanbo.frp.liuniu946.com',

+			// company:'',

+			bottom:[],

+			statement:[]

+			},

+			computed: {

+				pages() {

+					let pages = []

+					this.showList.forEach((item, index) => {

+						const page = Math.floor(index / 4)

+						if (!pages[page]) {

+							pages[page] = []

+						}

+						pages[page].push(item)

+					})

+					return pages

+				}

+			},

+			created() {

+				axios.get('http://lanbo.frp.liuniu946.com/apis/product?limit=10000').then(({

+					data

+				}) => {

+					data.data.list.forEach(item => {

+						if (item.category_ids === '67' || item.category_ids === '68' || item

+							.category_ids === '69') {

+							item.coverimage = 'http://lanbo.frp.liuniu946.com/' + item.coverimage

+							item.href = "project-single.html?id=" + item.id

+							this.list.push(item)

+						}

+						if (item.category_ids ==='64') {

+							this.bottom.push(item)

+						}

+						if (item.category_ids==='65') {

+							this.statement.push(item)

+							

+						}

+					});

 

-		<script src="./js/common.js"></script>

-	</body>

-</html>

+					console.log(this.list)

+					this.total = this.list.length

+					console.log(this.total)

+					this.showList = this.list

+				})

+			},

+			methods: {

+				hasClick(id) {

+					console.log(id)

+					this.showList = this.list.filter(item => {

+						return item.category_ids === id + ''

+					})

+					this.page = 0

+				},

+				next() {

+					if(this.page < this.pages.length-1){

+						this.page = this.page + 1

+					}

+					console.log(this.page)

+					this.$forceUpdate()

+				},

+				pre() {

+

+					if(this.page > 0){

+						this.page = this.page - 1

+					}

+					console.log(this.page)

+					this.$forceUpdate()

+				},

+				quanbu() {

+					this.showList = this.list

+					this.$forceUpdate()

+				}

+			}

+		})

+	</script>

+	<script type="text/javascript" src="js/plugins.js"></script>

+	<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->

+	<script type="text/javascript" src="js/init.js"></script>

+

+	

+	<!-- /SCRIPTS -->

+</body>

+</html>

+ 267 - 203
service-single.html
View File 

@@ -51,61 +51,62 @@
 
 	   
    
   		<!-- LEFTPART -->
 
-   		<div class="buildify_tm_leftpart_wrap">
 
-   			
-   			<!-- LEFT PATTERN -->
 
-   			<div class="buildify_tm_build_pattern"></div>
 
-   			<!-- /LEFT PATTERN -->
 
-   			
-   			<!-- MENUBAR -->
 
-   			<div class="buildify_tm_menubar">
 
-   				<div class="buildify_tm_menubar_in">
 
-   					<div class="buildify_tm_menubar_content">
 
-   						<div class="menu_logo">
 
-   							<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>
 
-   						</div>
 
-   						<div class="menu_nav">
 
-   							<div class="menu_nav_in">
 
-   								<div class="menu_nav_content scrollable">
 
-									<ul class="vert_nav">
 
-										<li><a href="index.html">首页</a></li>
 
-										<li class="active1">
 
-											<a href="#">方案</a>
 
-											<div class="inside_menu">
 
-												<ul>
 
-													<li><a href="project.html">方案</a></li>
 
-													<li><a href="project-single.html">方案详情</a></li>
 
-												</ul>
 
-											</div>
 
-										</li>
 
-										<li class="active1">
 
-											<a href="#">我们的服务</a>
 
-											<div class="inside_menu">
 
-												<ul>
 
-													<li><a href="service.html">服务</a></li>
 
-													<li><a href="service-single.html">服务详情</a></li>
 
-												</ul>
 
-											</div>
 
-										</li>
 
-										<li><a href="about.html">关于我们</a></li>
 
-										<!-- <li><a href="blog.html">Blog</a></li> -->
 
-										<li><a href="contact.html">联系我们</a></li>
 
-									</ul>
 
-   								</div>
 
-   							</div>
 
-   						</div>
 
-   					</div>
 
-   				</div>
 
-   				<div class="buildify_tm_home_button">
 
-					<span class="first">
 
-						<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>
 
-					</span>
 
-					<span class="second">中国·台州</span>
 
+			<div class="buildify_tm_leftpart_wrap">
 
+
 
+				<!-- LEFT PATTERN -->
 
+				<div class="buildify_tm_build_pattern"></div>
 
+				<!-- /LEFT PATTERN -->
 
+
 
+				<!-- MENUBAR -->
 
+				<div class="buildify_tm_menubar">
 
+					<div class="buildify_tm_menubar_in">
 
+						<div class="buildify_tm_menubar_content">
 
+							<div class="menu_logo">
 
+								<a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>
 
+							</div>
 
+							<div class="menu_nav">
 
+								<div class="menu_nav_in">
 
+									<div class="menu_nav_content scrollable">
 
+										<ul class="vert_nav">
 
+											<li><a href="index.html">首页</a></li>
 
+												<li >
 
+													<a href="project.html">产品系列</a>
 
+
 
+													<!-- <div class="inside_menu">
 
+														<ul>
 
+															<li><a href="project.html">产品系列</a></li>
 
+															<li><a href="project-single.html">产品详情</a></li>
 
+														</ul>
 
+													</div> -->
 
+												</li>
 
+												<li >
 
+													<a href="service.html">企业风采</a>
 
+													<!-- <div class="inside_menu">
 
+														<ul>
 
+															<li><a href="service.html">企业风采</a></li>
 
+															<li><a href="service-single.html">资质荣誉</a></li>
 
+														</ul>
 
+													</div> -->
 
+												</li>
 
+												<li><a href="about.html">关于我们</a></li>
 
+												<!-- <li><a href="blog.html">Blog</a></li> -->
 
+												<li><a href="contact.html">联系我们</a></li>
 
+										</ul>
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+					<div class="buildify_tm_home_button">
 
+						<span class="first">
 
+							<a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>
 
+						</span>
 
+						<span class="second">中国·台州</span>
 
+					</div>
 
 				</div>
 
-   			</div>
 
-   			<!-- /MENUBAR -->
 
-   			
-   		</div>
 
+				<!-- /MENUBAR -->
 
+			</div>
 
+	
    		<!-- /LEFTPART -->
 
    		
    		<!-- RIGHTPART -->
 
@@ -121,7 +122,7 @@
 
 								<div class="phone_numb">
 
 									<div class="phone_numb_in">
 
 										<img src="img/call.png" alt="" />
 
-										<p>联系我们: <span>1-800-987-6543</span></p>
 
+										<p>联系我们: <span>0576-82875388</span></p>
 
 									</div>
 
 								</div>
 
 								<div class="send_msg">
 
@@ -130,16 +131,15 @@
 
 									</a>
 
 								</div>
 
 							</div>
 
-							<!-- <div class="buildify_tm_social_list">
 
-								<label>Follow us:</label>
 
-								<ul>
 
-									<li><a href="#"><i class="xcon-facebook"></i></a></li>
 
-									<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
-									<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
-									<li><a href="#"><i class="xcon-pinterest"></i></a></li>
 
-									<li><a href="#"><i class="xcon-gplus"></i></a></li>
 
-								</ul>
 
-							</div> -->
 
+							
+								<!-- <label>Follow us:</label> -->
 
+								
+									<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
 
+										<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
+										<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
+										<li><a href="#"><i class="xcon-pinterest"></i></a></li>
 
+										<li><a href="#"><i class="xcon-gplus"></i></a></li> -->
 
+							
 						</div>
 
 						<!-- /TOPBAR -->
 
 						
@@ -167,17 +167,17 @@
 
 											
 												<li><a href="index.html">首页</a></li>
 
 												<li>
 
-													<a href="#">方案</a>
 
+													<a href="#">产品系列</a>
 
 													<ul class="sub_menu">
 
-														<li><a href="project.html">方案</a></li>
 
-														<li><a href="project-single.html">方案详情</a></li>
 
+														<li><a href="project.html">产品系列</a></li>
 
+														<li><a href="project-single.html">产品详情</a></li>
 
 													</ul>
 
 												</li>
 
 												<li>
 
-													<a href="#">我们的服务</a>
 
+													<a href="#">企业风采</a>
 
 													<ul class="sub_menu">
 
-														<li><a href="service.html">服务</a></li>
 
-														<li><a href="service-single.html">服务详情</a></li>
 
+														<li><a href="service.html">企业风采</a></li>
 
+														<li><a href="service-single.html">资质荣誉</a></li>
 
 													</ul>
 
 												</li>
 
 												<li><a href="about.html">关于我们</a></li>
 
@@ -192,18 +192,28 @@
 
 						<!-- /HEADER -->
 
 						<div class="buildify_tm_section">
 
 							<div class="buildify_tm_main_title_holder">
 
-								<div class="container" v-for="item  in  detailObj">
 
-									<div class="title_holder">
 
-										<h3>{{item.title}}</h3>
 
+								<div class="container"  v-for = "item in detailObj" >
 
+									<!-- <div class="title_holder">
 
+										<h3>1111111111</h3>
 
 									</div>
 
 									<div class="builify_tm_breadcrumbs">
 
 										<ul>
 
 											<li><a href="index.html">返回首页</a></li>
 
-											<li class="shape"><span></span></li>
 
-											<li><a href="service.html">我们的服务</a></li>
 
-											<li class="shape"><span></span></li>
 
-											<li><span>{{item.title}}</span></li>
 
-										</ul>
 
+										
+											<li><a href="service.html">企业风采</a></li>
 
+										
+											<li><span>111111111111</span></li>
 
+										</ul> -->
 
+										
+												<div class="title_holder">
 
+													<h3 v-html = "item.title"></h3>
 
+												</div>
 
+												<div class="builify_tm_breadcrumbs">
 
+													<ul>
 
+														<li><a href="project.html">企业风采</a></li>
 
+														<li class="shape"><span></span></li>
 
+														<li><span v-html = "item.title"></span></li>
 
+													</ul>
 
 									</div>
 
 								</div>
 
 							</div>
 
@@ -215,14 +225,14 @@
 
 										<div class="leftbox">
 
 											<div class="main_image_wrap" v-for="item  in  detailObj">
 
 												<div class="image_wrap">
 
-													<img :src="item.bigimage"  /> 
+													<!-- <img :src="item.bigimage"  />  -->
 
 											<!-- 		{{item.bigimage}} -->
 
 												<!-- 	<img src="http://lanbo.frp.liuniu946.com/apis/product" >
 
 												</div>
 
 												<div class="image_definition">
 
-													<!-- <p>It's the details that count. Because when they are given a backseat, they inevitably move up front and can overtake the direction of a project.</p> -->
 
+													 <p>It's the details that count. Because when they are given a backseat, they inevitably move up front and can overtake the direction of a project.</p> -->
 
 													<!-- <p>So, at Buildify Construction Services, we know to pay close attention to the little things that could have a big impact on the successful completion of your project. And, of course, when you focus on the details, the big picture inevitably takes shape as you had envisioned it.</p> -->
 
-												<p v-html="item.content">{{item.content}}</p>
 
+												<p v-html="item.content"></p>
 
 												</div>
 
 											</div>
 
 											<!-- <div class="service_features">
 
@@ -307,12 +317,12 @@
 
 													</div>
 
 												</div>
 
 											</div> -->
 
-											<div class="buildify_tm_short_contact">
 
+											<div class="buildify_tm_short_contact" >
 
 												<div class="text">
 
 													<p>联系我们获得详细内容</p>
 
 												</div>
 
 												<div class="buildify_tm_button_wrap">
 
-													<a href="about.html">联系我们</a>
 
+													<a href="contact.html">联系我们</a>
 
 												</div>
 
 											</div>
 
 											<div class="buildify_tm_line"></div>
 
@@ -354,7 +364,7 @@
 
 												</div>
 
 											</div> -->
 
 										</div>
 
-										<div class="rightbox">
 
+						
 											<!-- <div class="buildify_tm_categories">
 
 												<ul>
 
 													<li class="active"><a href="#">New Construction</a></li>
 
@@ -429,156 +439,155 @@
 
 													</li>
 
 												</ul>
 
 											</div> -->
 
-										</div>
 
+									
 									</div>
 
 								</div>
 
 							</div>
 
 						</div>
 
 					</div>
 
    					<!-- /CONTENT -->
 
-					<footer class="buildify_tm_footer">
 
-						<div class="buildify_tm_universal_parallax_wrap">
 
-							<div class="main_bg">
 
-								<div class="overlay_image footer jarallax" data-speed="0"></div>
 
-								<div class="overlay_video"></div>
 
-								<div class="overlay_color footer"></div>
 
-							</div>
 
-							<div class="main_content footer">
 
-								<div class="buildify_tm_subscribe_wrap">
 
-									<div class="container">
 
-										<!-- <div class="inner_wrap">
 
-											<div class="left_wrap">
 
-												<div class="book">
 
-													<img class="svg" src="img/svg/open-book.svg" alt="" />
 
-												</div>
 
-												<div class="text">
 
-													<p>Newsletter<span></span> get updates with latest topics</p>
 
-												</div>
 
-											</div>
 
-											<div class="right_wrap">
 
-												<input class="email" type="email" placeholder="Your e-mail address">
 
-												<input class="button" type="button" value="subscribe">
 
-											</div>
 
-										</div> -->
 
-									</div>
 
+						 <footer class="buildify_tm_footer" style="margin-top: -140px;">
 
+							<div class="buildify_tm_universal_parallax_wrap">
 
+								<div class="main_bg">
 
+									<div class="overlay_image footer jarallax" data-speed="0"></div>
 
+									<div class="overlay_video"></div>
 
+									<div class="overlay_color footer"></div>
 
 								</div>
 
-								<div class="buildify_tm_footer_wrap">
 
-									<div class="container">
 
-										<div class="buildify_tm_list_wrap" data-column="3" data-space="40">
 
-											<ul class="buildify_list">
 
-												<li v-for="item in bottom">
 
-													<div class="inner">
 
-														<div class="footer_section_title">
 
-															<h3>{{item.title}}</h3>
 
-														</div>
 
-														<div class="definition">
 
-															<p v-html="item.content">{{item.content}}</p>
 
-														</div>
 
+								<div class="main_content footer">
 
+									<div class="buildify_tm_subscribe_wrap">
 
+										<div class="container">
 
+											<!-- <div class="inner_wrap">
 
+												<div class="left_wrap">
 
+													<div class="book">
 
+														<img class="svg" src="img/svg/open-book.svg" alt="" />
 
 													</div>
 
-												</li>
 
-												<!-- 		<li>
 
-													<div class="inner">
 
-														<div class="footer_section_title">
 
-															<h3>Business Hours</h3>
 
-														</div>
 
-														<div class="inner_list">
 
-															<ul>
 
-																<li>
 
-																	<div class="wrap">
 
-																		<span class="left">Monday-Friday:</span>
 
-																		<span class="right">9am to 5pm</span>
 
-																	</div>
 
-																</li>
 
-																<li>
 
-																	<div class="wrap">
 
-																		<span class="left">Saturday:</span>
 
-																		<span class="right">10am to 3pm</span>
 
-																	</div>
 
-																</li>
 
-																<li>
 
-																	<div class="wrap">
 
-																		<span class="left">Sunday:</span>
 
-																		<span class="right">Closed</span>
 
-																	</div>
 
-																</li>
 
-															</ul>
 
-														</div>
 
+													<div class="text">
 
+														<p>Newsletter<span></span> get updates with latest topics</p>
 
 													</div>
 
-												</li>
 
-												<li>
 
-													<div class="inner">
 
-														<div class="footer_section_title">
 
-															<h3>Helpful Links</h3>
 
+												</div>
 
+												<div class="right_wrap">
 
+													<input class="email" type="email" placeholder="Your e-mail address">
 
+													<input class="button" type="button" value="subscribe">
 
+												</div>
 
+											</div> -->
 
+										</div>
 
+									</div>
 
+									<div class="buildify_tm_footer_wrap">
 
+										<div class="container">
 
+											<div class="buildify_tm_list_wrap" data-column="3" data-space="40">
 
+												<ul class="buildify_list">
 
+													<li v-for="item in bottom" >
 
+														<div class="inner" >
 
+															<div class="footer_section_title">
 
+																<h3>{{item.title}}</h3>
 
+															</div>
 
+															<div class="definition" >
 
+																<p v-html="item.content">{{item.content}}</p>
 
+															</div>
 
 														</div>
 
-														<div class="helpful_links">
 
+													</li>
 
+											<!-- 		<li>
 
+														<div class="inner">
 
+															<div class="footer_section_title">
 
+																<h3>Business Hours</h3>
 
+															</div>
 
 															<div class="inner_list">
 
 																<ul>
 
-																	<li><a href="#">Our services</a></li>
 
-																	<li><a href="#">Diclaimer</a></li>
 
-																	<li><a href="#">Showcase</a></li>
 
-																	<li><a href="#">Privacy Policy</a></li>
 
-																	<li><a href="#">Affliates</a></li>
 
+																	<li>
 
+																		<div class="wrap">
 
+																			<span class="left">Monday-Friday:</span>
 
+																			<span class="right">9am to 5pm</span>
 
+																		</div>
 
+																	</li>
 
+																	<li>
 
+																		<div class="wrap">
 
+																			<span class="left">Saturday:</span>
 
+																			<span class="right">10am to 3pm</span>
 
+																		</div>
 
+																	</li>
 
+																	<li>
 
+																		<div class="wrap">
 
+																			<span class="left">Sunday:</span>
 
+																			<span class="right">Closed</span>
 
+																		</div>
 
+																	</li>
 
 																</ul>
 
 															</div>
 
 														</div>
 
-													</div>
 
-												</li> -->
 
-											</ul>
 
+													</li>
 
+													<li>
 
+														<div class="inner">
 
+															<div class="footer_section_title">
 
+																<h3>Helpful Links</h3>
 
+															</div>
 
+															<div class="helpful_links">
 
+																<div class="inner_list">
 
+																	<ul>
 
+																		<li><a href="#">Our services</a></li>
 
+																		<li><a href="#">Diclaimer</a></li>
 
+																		<li><a href="#">Showcase</a></li>
 
+																		<li><a href="#">Privacy Policy</a></li>
 
+																		<li><a href="#">Affliates</a></li>
 
+																	</ul>
 
+																</div>
 
+															</div>
 
+														</div>
 
+													</li> -->
 
+												</ul>
 
+											</div>
 
 										</div>
 
 									</div>
 
 								</div>
 
 							</div>
 
-						</div>
 
-					</footer>
 
-					<div class="buildify_tm_section">
 
-						<div class="buildify_tm_copyright_wrap">
 
-							<div class="container">
 
-								<div class="inner_wrap">
 
-									<div class="copyright_logo">
 
-										<a href="#">
 
-											<img src="img/logo/lanbo.png" alt="" />
 
-										</a>
 
-									</div>
 
-									<div class="main_info_wrap">
 
-										<div class="share_wrap">
 
-											<span></span>
 
-											<ul>
 
-												<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
 
-												<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
-												<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
-												<li><a href="#"><i class="xcon-pinterest"></i></a></li>
 
-												<li><a href="#"><i class="xcon-gplus"></i></a></li> -->
 
-											</ul>
 
+						</footer>
 
+						<div class="buildify_tm_section">
 
+							<div class="buildify_tm_copyright_wrap">
 
+								<div class="container">
 
+									<div class="inner_wrap">
 
+										<div class="copyright_logo">
 
+											<a href="#">
 
+												<img src="img/logo/lanbo.png" alt="" />
 
+											</a>
 
 										</div>
 
-										<div class="bottom_wrap">
 
-												<div class="links_wrap">
 
+										<div class="main_info_wrap">
 
+											<div class="share_wrap">
 
+												<span></span>
 
+												<ul>
 
+													<!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
 
+													<li><a href="#"><i class="xcon-twitter"></i></a></li>
 
+													<li><a href="#"><i class="xcon-instagram"></i></a></li>
 
+													<li><a href="#"><i class="xcon-pinterest"></i></a></li>
 
+													<li><a href="#"><i class="xcon-gplus"></i></a></li> -->
 
+												</ul>
 
+											</div>
 
+											<div class="bottom_wrap">
 
+												 <div class="links_wrap">
 
 													<ul>
 
 														<li><a href="index.html">首页</a></li>
 
-														<li><a href="project.html">方案</a></li>
 
-														<li><a href="service.html">我们的服务</a></li>
 
+														<li><a href="project.html">产品系列</a></li>
 
+													
+														<li><a href="service.html">企业风采</a></li>
 
+													
 														<li><a href="about.html">关于我们</a></li>
 
 														<li><a href="contact.html">联系我们</a></li>
 
 													</ul>
 
 												</div>
 
-												
-													<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme
 
-														has
 
-														been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->
 
 												<div class="copyright" v-for="item in statement">
 
-													<p v-html="item.content">{{item.content}}</p>
 
+													<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->
 
+												<p v-html="item.content"></p>
 
 												</div>
 
 											</div>
 
 										</div>
 
-									<a class="buildify_tm_totop" href="#">
 
-										<span class="first">返回顶部</span>
 
-										<span class="top">
 
-											<span class="line"></span>
 
-										</span>
 
-									</a>
 
+										<a class="buildify_tm_totop" href="#">
 
+											<span class="first">返回顶部</span>
 
+											<span class="top">
 
+												<span class="line"></span>
 
+											</span>
 
+										</a>
 
+									</div>
 
 								</div>
 
 							</div>
 
 						</div>
 
-					</div>
 
 				</div>
 
 			</div>
 
 			<!-- /RIGHTPART -->
 
@@ -600,6 +609,61 @@
 
 <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->	
 <script type="text/javascript" src="js/init.js"></script>
 
 <!-- /SCRIPTS -->
 
-<script src="./js/service-single.js"></script>
 
+<script >
 
+		vm = new Vue({
 
+		el:"#app",
 
+		data:{
 
+			company:'',
 
+			arrayList:[],
 
+			detailObj:{},
 
+			bottom:'',
 
+			statement:''
 
+		}
 
+	});
 
+	var datas = {
 
+		limit:10000
 
+	};
 
+	// var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
 
+	// AJAX('get',ajaxUrl,datas,function(res){
 
+	// 	vm.bottom = res.data.list.filter(item => item.category_ids == "52")
 
+	// 	console.log(vm.bottom)
 
+	// })
 
+	
+	//拿到本地local的存储的id
 
+	var getId = localStorage.getItem('id');
 
+	var data = {id:getId,
 
+							limit: 100000};
 
+	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
 
+	AJAX('get',ajaxUrl,data,function(res){
 
+		console.log(res)
 
+		vm.detailObj = res.data.list.filter(item => item.id == getId)
 
+		vm.detailObj[0].content =vm.detailObj[0].content.replace(/src="/g,'src="http://lanbo.frp.liuniu946.com/')
 
+	
+		console.log(vm.detailObj)
 
+
 
+
 
+		
+		
+		var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
 
+		AJAX('get', ajaxUrl, datas, function(res) {
 
+			vm.statement = res.data.list.filter(item => item.category_ids == "65")
 
+			console.log(vm.statement)
 
+		})
 
+		var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
 
+		AJAX('get', ajaxUrl, datas, function(res) {
 
+			vm.bottom = res.data.list.filter(item => item.category_ids == "64")
 
+			console.log(vm.bottom)
 
+		})
 
+		//清除local缓存
 
+		// localStorage.clear(getId)
 
+	})
 
+	console.log(getId);
 
+	
+	var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
 
+	AJAX('get',ajaxUrl,datas,function(res){
 
+		vm.bottom = res.data.list.filter(item => item.category_ids == "52")
 
+		console.log(vm.bottom)
 
+	})
 
+</script>
 
 </body>
 
 </html>

+ 106 - 48
service.html
View File 

@@ -71,24 +71,24 @@
 
 										<div class="menu_nav_content scrollable">

 											<ul class="vert_nav">

 												<li><a href="index.html">首页</a></li>

-												<li class="active1">

-													<a href="#">方案</a>

+												<li >

+													<a href="project.html">产品系列</a>

 

-													<div class="inside_menu">

+													<!-- <div class="inside_menu">

 														<ul>

-															<li><a href="project.html">方案</a></li>

-															<li><a href="project-single.html">方案详情</a></li>

+															<li><a href="project.html">产品系列</a></li>

+															<li><a href="project-single.html">产品详情</a></li>

 														</ul>

-													</div>

+													</div> -->

 												</li>

-												<li class="active1">

-													<a href="#">我们的服务</a>

-													<div class="inside_menu">

+												<li >

+													<a href="service.html">企业风采</a>

+													<!-- <div class="inside_menu">

 														<ul>

-															<li><a href="service.html">服务</a></li>

-															<li><a href="service-single.html">服务详情</a></li>

+															<li><a href="service.html">企业风采</a></li>

+															<li><a href="service-single.html">资质荣誉</a></li>

 														</ul>

-													</div>

+													</div> -->

 												</li>

 												<li><a href="about.html">关于我们</a></li>

 												<!-- <li><a href="blog.html">Blog</a></li> -->

@@ -124,7 +124,7 @@
 
 										<div class="phone_numb">

 											<div class="phone_numb_in">

 												<img src="img/call.png" alt="" />

-												<p>联系我们: <span>1-800-987-6543</span></p>

+												<p>联系我们: <span>0576-82875388</span></p>

 											</div>

 										</div>

 										<div class="send_msg">

@@ -170,17 +170,17 @@
 
 

 														<li><a href="index.html">首页</a></li>

 														<li>

-															<a href="#">方案</a>

+															<a href="#">产品系列</a>

 															<ul class="sub_menu">

-																<li><a href="project.html">方案</a></li>

-																<li><a href="project-single.html">方案详情</a></li>

+																<li><a href="project.html">产品系列</a></li>

+																<li><a href="project-single.html">产品详情</a></li>

 															</ul>

 														</li>

 														<li>

-															<a href="#">我们的服务</a>

+															<a href="#">企业风采</a>

 															<ul class="sub_menu">

-																<li><a href="service.html">服务</a></li>

-																<li><a href="service-single.html">服务详情</a></li>

+																<li><a href="service.html">企业风采</a></li>

+																<li><a href="service-single.html">企业详情</a></li>

 															</ul>

 														</li>

 														<li><a href="about.html">关于我们</a></li>

@@ -197,13 +197,13 @@
 
 									<div class="buildify_tm_main_title_holder">

 										<div class="container">

 											<div class="title_holder">

-												<h3>我们的服务</h3>

+												<h3>企业风采</h3>

 											</div>

 											<div class="builify_tm_breadcrumbs">

 												<ul>

 													<li><a href="index.html">返回首页</a></li>

 													<li class="shape"><span></span></li>

-													<li><span>我们的服务</span></li>

+													<li><span>企业风采</span></li>

 												</ul>

 											</div>

 										</div>

@@ -213,10 +213,10 @@
 
 									<div class="container">

 										<div class="buildify_tm_services_list_wrap">

 											<ul class="masonry"   v-for="item in servicesList">

-												<li class="item"  >

+												<li  >

 													<div class="inner">

-														<div class="service_image">

-															<img :src="item.bigimage" alt="" />

+														<div class="service_image" style="max-height: 380px;">

+															<img :src="item.coverimage" alt="" />

 															<a href="service-single.html">

 																<!-- <div class="image"></div> -->

 															</a>

@@ -226,11 +226,11 @@
 
 																<div class="title_holder">

 																	<h3><a href="service-single.html">{{item.title}}</a></h3>

 																</div>

-																<div class="definition">

-																	<!-- <p>It's the details that count. Because when they are given a backseat, they inevitably move up front

-																		and can overtake the...</p> -->

+																<!-- <div class="definition">

+																	<p>It's the details that count. Because when they are given a backseat, they inevitably move up front

+																		and can overtake the...</p>

 																		<p>{{item.synopsis}}</p>

-																</div>

+																</div> -->

 															</div>

 															<div class="read_more_wrap">

 																<div class="read_more_in">

@@ -416,17 +416,17 @@
 
 											<div class="container">

 												<div class="buildify_tm_list_wrap" data-column="3" data-space="40">

 													<ul class="buildify_list">

-														<li v-for="item in bottom">

-															<div class="inner">

+														<li v-for="item in bottom" >

+															<div class="inner" >

 																<div class="footer_section_title">

 																	<h3>{{item.title}}</h3>

 																</div>

-																<div class="definition">

+																<div class="definition" >

 																	<p v-html="item.content">{{item.content}}</p>

 																</div>

 															</div>

 														</li>

-														<!-- 		<li>

+												<!-- 		<li>

 															<div class="inner">

 																<div class="footer_section_title">

 																	<h3>Business Hours</h3>

@@ -501,24 +501,23 @@
 
 													</ul>

 												</div>

 												<div class="bottom_wrap">

-														 <div class="links_wrap">

-															<ul>

-																<li><a href="index.html">首页</a></li>

-																<li><a href="project.html">方案</a></li>

-																<li><a href="service.html">我们的服务</a></li>

-																<li><a href="about.html">关于我们</a></li>

-																<li><a href="contact.html">联系我们</a></li>

-															</ul>

-														</div>

+													 <div class="links_wrap">

+														<ul>

+															<li><a href="index.html">首页</a></li>

+															<li><a href="project.html">产品系列</a></li>

 														

-															<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme

-																has

-																been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

-														<div class="copyright" v-for="item in statement">

-															<p v-html="item.content">{{item.content}}</p>

-														</div>

+															<li><a href="service.html">企业风采</a></li>

+														

+															<li><a href="about.html">关于我们</a></li>

+															<li><a href="contact.html">联系我们</a></li>

+														</ul>

+													</div>

+													<div class="copyright" v-for="item in statement">

+														<!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->

+													<p v-html="item.content">{{item.content}}</p>

 													</div>

 												</div>

+											</div>

 											<a class="buildify_tm_totop" href="#">

 												<span class="first">返回顶部</span>

 												<span class="top">

@@ -550,6 +549,65 @@
 
 		<!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->

 		<script type="text/javascript" src="js/init.js"></script>

 		<!-- /SCRIPTS -->

-		<script src="./js/service.js"></script>

+		<script >

+				vm = new Vue({

+		el: "#app",

+		data: {

+			baseUrl: 'http://lanbo.frp.liuniu946.com',

+			company: '',

+			bottom: '',

+			statement: '',

+			servicesList:[]

+		}

+,

+		created() {

+			let obj = this

+			var datas = {

+				limit:10000

+			};

+			var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+			AJAX('get', ajaxUrl, datas, function(res) {

+				vm.statement = res.data.list.filter(item => item.category_ids == "65")

+				console.log(vm.statement)

+			})

+			var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+			AJAX('get', ajaxUrl, datas, function(res) {

+				vm.bottom = res.data.list.filter(item => item.category_ids == "64")

+				console.log(vm.bottom)

+			})

+			

+			var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';

+			AJAX('get', ajaxUrl, datas, function(res) {

+				 res.data.list.forEach(item => {

+					if(item.category_ids == "45"){

+						item.coverimage=obj.baseUrl+item.coverimage

+						vm.servicesList.push(item)

+						console.log(	vm.servicesList)

+					}

+					

+				})

+					

+				

+				console.log(vm.servicesList) 

+			})

+		},

+		// var  ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/about/10';

+		// AJAX('get',ajaxUrl,datas,function(res){

+		// 	console.log(res)

+		// 	vm.company = res.data.content;

+		// })

+		methods:{

+			dianji(item) {

+				// debugger

+				console.log(item);

+				

+				//存储这个localStronge，存储的是点击的这个内容的id，在需要展示的详情页去接收

+				localStorage.setItem('id',item);

+			}

+			

+		}

+

+	});

+		</script>

 	</body>

 </html>