首頁還原、LOGO替換、菜單修正

@@ -312,7 +312,8 @@ textarea {
 }
 
 .box-w {
-  max-width: 1024px;
+  // max-width: 1024px;
+  max-width: 950px;
   width: 100%;
   margin: 0 auto;
 }

@@ -13,14 +13,13 @@ module.exports = {
 			name: "login",
 			path: "",
 			list: [{
-					name: "login",
-					path: "/login",
-					value: ""
-				},
-				{
 					name: "register",
 					path: "/register",
 					value: ""
+				},{
+					name: "login",
+					path: "/login",
+					value: ""
 				},
 				{
 					name: "modify password",

@@ -13,14 +13,13 @@ module.exports = {
 			name: "登入",
 			path: "",
 			list: [{
-					name: "登入",
-					path: "/login",
-					value: ""
-				},
-				{
 					name: "註冊",
 					path: "/register",
 					value: ""
+				},{
+					name: "登入",
+					path: "/login",
+					value: ""
 				},
 				{
 					name: "修改密碼",

@@ -13,14 +13,13 @@ module.exports = {
 			name: "登陆",
 			path: "",
 			list: [{
-					name: "登陆",
-					path: "/login",
-					value: ""
-				},
-				{
 					name: "注册",
 					path: "/retister",
 					value: ""
+				},{
+					name: "登陆",
+					path: "/login",
+					value: ""
 				},
 				{
 					name: "修改密码",

@@ -9,10 +9,10 @@ export default {
 		return {
 			key: 'value',
 			swiperOption: {
-				// navigation: {
-					// nextEl: '.swiper-button-next',
-					// prevEl: '.swiper-button-prev'
-				// },
+				navigation: {
+					nextEl: '.swiper-button-next',
+					prevEl: '.swiper-button-prev'
+				},
 				pagination: {
 					el: '.swiper-pagination',
 					// renderBullet(index, className) {

@@ -16,16 +16,23 @@
 
 // banner 轮播
 .banner-contaner {
-  height: 360px;
+  // height: 360px;
+  // 匹配父容器
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  height: 250px;
 }
 
 .banner {
   // box-shadow: 0 0 1.75rem 0 rgba(255, 87, 0, 0.1);
   position: absolute;
   left: 50%;
-  margin-left: -960px;
+  // width: 1920px;
+  // margin-left: -960px;
   top: 0;
-  width: 1920px;
+  width: 1024px;
+  margin-left: -512px;
   height: 100%;
   overflow: hidden;
   &-img {
@@ -42,7 +49,9 @@
   // width: auto;
   text-align: center;
   justify-content: space-between;
-  max-width: 1200px;
+  max-width: 85.333333rem /* 1024/12 */;
+  // max-width: 1200px;
+  
 
 
   &-item {

 
 <template>
 	<div>
+		<div class="content">
 			<div class="banner-contaner">
 				<!-- banner 轮播 -->
 				<div class="banner">
 					<swiper :options="swiperOption">
 						<swiper-slide>
-						<img class="banner-img" src="@/assets/images/index/banner-01.jpg">
+							<img class="banner-img" src="@/assets/images/index/banner.png">
 						</swiper-slide>
 						<swiper-slide>
-						<img class="banner-img" src="@/assets/images/index/banner-02.jpg">
+							<img class="banner-img" src="@/assets/images/index/banner.png">
 						</swiper-slide>
 						<div class="swiper-button-prev" slot="button-prev"></div>
 						<div class="swiper-button-next" slot="button-next"></div>
@@ -17,7 +18,6 @@
 					</swiper>
 				</div>
 			</div>
-		<div class="content">
 			<!-- 推荐产品 -->
 			<div class="box recommend">
 				<div class="recommend-item">