首页完善

assets/index.css

@@ -624,11 +624,11 @@ li {
   margin: 0;
 }
 
-.hot-car .min-win a {
+/* .hot-car .min-win a {
   position: absolute;
   top: 0;
   right: 0;
-}
+} */
 
 .hot-car .min-win ul .hotActiveBtn {
   background: #1bbb9f;
@@ -997,7 +997,7 @@ li {
 .campsite .left-title {
   background: #333;
   color: #fff;
-  padding: 19px 15px;
+  padding: 15px;
 }
 
 .campsite .left-title span:nth-child(2) {
@@ -1007,20 +1007,20 @@ li {
 
 .campsite .left img {
   /* padding: 15px; */
-  transition: all 0.2s linear;
+  /* transition: all 0.2s linear; */
 }
-.campsite .left img:hover{
+/* .campsite .left img:hover{
   transform: scale(1.2);
-}
+} */
 .campsite .left ul {
   padding: 0 15px 20px 15px;
 }
-.head-img img{
+/* .head-img img{
   transition: all 0.2s linear;;
 }
 .head-img img:hover{
   transform: scale(1.2);
-}
+} */
 .campsite .left ul li {
   font-size: 16px;
   color: #333;

components/banner.vue

@@ -4,7 +4,7 @@
 			<div class="swiper-wrapper">
 				<div class="swiper-slide" v-for="(item,index) in list" :key="index">
 					<a href>
-						<img :src="item.cover" :alt="item.alt" />
+						<img style="width:100%" :src="item.cover" :alt="item.alt" />
 					</a>
 				</div>
 			</div>

components/footer.vue

@@ -69,7 +69,7 @@ export default {
 		optionLeft() {
 			return {
 				direction: 2,
-				limitMoveNum: 2
+				limitMoveNum: 6
 			}
 		}
 	},
@@ -101,7 +101,7 @@ export default {
 	margin-left:80px;
 }
 .seamless-warp2 ul.item {
-	width: 580px;
+	/* width: 580px; */
 }
 .seamless-warp2 ul.item li {
 	float: left;

pages/aboutXx.vue

@@ -96,7 +96,7 @@
               <span>地址：广东省东莞市松山湖工业西路12号</span>
             </div>
           </div>
-          <img src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN/aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDZhNzI1MjItZjZmNy1hZTRmLTkyZTktZDk1MGY1YzQ5MTkyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMwMzJFQzQzQ0UyOTExRTlBNDEyQTlEQTA1QTIyQkI3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMzJFQzQyQ0UyOTExRTlBNDEyQTlEQTA1QTIyQkI3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5YjM1MmU5LTI3NTEtMzI0OS04MWJjLWJmOTk5NTdmYjAzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+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"/>
+          <img src="https://mgmt.dfangche.com/xxfccn/image/2019-09-03/jieshao.jpg"/>
         </div>
       </div>
     </div>

pages/index.vue

@@ -240,7 +240,9 @@
 						<ul>
 							<li>
 								<div class="pic-show">
+									<nuxt-link :to="vehicleList0[0].link">
 										<img :src="vehicleList0[0].url" alt />
+									</nuxt-link>
 									<p>
 										<span>1</span>
 										<span>上汽大通</span>
@@ -255,7 +257,9 @@
 							</li>
 							<li>
 								<div class="pic-show">
+									<nuxt-link :to="vehicleList0[1].link">
 										<img :src="vehicleList0[1].url" alt />
+									</nuxt-link>
 									<p>
 										<span>2</span>
 										<span>格林卡诺C2</span>
@@ -270,7 +274,9 @@
 							</li>
 							<li style="margin-top:20px">
 								<div class="pic-show">
+									<nuxt-link :to="vehicleList0[2].link">
 										<img :src="vehicleList0[2].url" alt />
+									</nuxt-link>
 									<p>
 										<span>3</span>
 										<span>齐星依维柯</span>
@@ -285,7 +291,9 @@
 							</li>
 							<li style="margin-top:20px">
 								<div class="pic-show">
+									<nuxt-link :to="vehicleList0[3].link">
 										<img :src="vehicleList0[3].url" alt />
+									</nuxt-link>
 									<p>
 										<span>4</span>
 										<span>奔驰斯宾特</span>
@@ -302,7 +310,7 @@
 					</div>
 					<div style="margin-top:40px" class="right" v-else>
 						<ul>
-							<li>
+							<li @mouseleave="leave()">
 								<img :src="memberList[0].bigIcon" :class="{miniPic1:!grade.common}" alt />
 								<p>{{memberList[0].name}}</p>
 								<p>{{memberList[0].price}}</p>
@@ -333,7 +341,7 @@
 								</div>
 							</li>
 
-							<li>
+							<li @mouseleave="leave()">
 								<img :src="memberList[1].bigIcon" :class="{miniPic2:!grade.gold}" alt />
 								<p>{{memberList[1].name}}</p>
 								<p>{{memberList[1].price}}</p>
@@ -363,7 +371,7 @@
 									<p class="annotation">注:均在会员中心进行购买</p>
 								</div>
 							</li>
-							<li>
+							<li @mouseleave="leave()">
 								<img :src="memberList[2].bigIcon" :class="{miniPic3:!grade.diamond}" alt />
 								<p>{{memberList[2].name}}</p>
 								<p>{{memberList[2].price}}</p>
@@ -585,7 +593,7 @@
 						</div>
 						<div class="adress">
 							<p>
-								<nuxt-link to="company">{{companyList[0].name}}</nuxt-link>
+								<nuxt-link to="company">{{companyList[0].companyName}}</nuxt-link>
 							</p>
 							<p>
 								<span class="iconfont iconyidongduanicon-"></span>
@@ -599,7 +607,7 @@
 						<ul class="company-address">
 							<li v-for="(item,index) in companyList.slice(1)" :key="index">
 								<nuxt-link to="company">
-									<span>{{item.name}}</span>
+									<span>{{item.companyName}}</span>
 									<span class="iconfont iconyidongduanicon-"></span>
 									{{item.leaderContactInfo}}
 									<span class="iconfont iconsingle_arrow"></span>
@@ -646,22 +654,26 @@ export default {
 				{
 					id: 0,
 					url:
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg',
+					link: '/vehicleList/48?name=【上汽】大通RV80旅居车'
 				},
 				{
 					id: 0,
 					url:
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg',
+					link: '/vehicleList/51?name=【金冠】格林卡诺C2'
 				},
 				{
 					id: 0,
 					url:
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/15.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/13.jpg',
+					link: '/vehicleList/53?name=【齐星】依维柯'
 				},
 				{
 					id: 0,
 					url:
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg',
+					link: '/vehicleList/55?name=【奔驰】斯宾特'
 				}
 			],
 			hotActiveTitle: '0',
@@ -836,6 +848,11 @@ export default {
 		}
 	},
 	methods: {
+		leave() {
+			this.grade.common = true
+			this.grade.gold = true
+			this.grade.diamond = true
+		},
 		//购买普通会员
 		PurchaseBtn() {
 			this.grade.common = false
@@ -861,11 +878,12 @@ export default {
 					break
 				case 2:
 					this.vehicleList0[0].url =
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg'
+
 					break
 				case 3:
 					this.vehicleList0[0].url =
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg'
 					break
 				default:
 					break
@@ -930,11 +948,12 @@ export default {
 					break
 				case 2:
 					this.vehicleList0[3].url =
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg'
+
 					break
 				case 3:
 					this.vehicleList0[3].url =
-						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg'
+						'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg'
 					break
 				default:
 					break
@@ -1013,154 +1032,6 @@ export default {
 				// }
 			}
 		},
-		/**
-		 * 车型切换
-		 */
-		changeVehicle(index) {
-			let t = this
-			this.tabIndex = index
-			if (index == 0) {
-				this.vehicleList0 = [
-					{
-						id: 1,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg',
-						name: '上汽大通',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg'
-					},
-					{
-						id: 2,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/18.jpg',
-						name: '上汽大通',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/18.jpg'
-					},
-					{
-						id: 3,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg',
-						name: '上汽大通',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg'
-					},
-					{
-						id: 4,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg',
-						name: '上汽大通',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg'
-					}
-				]
-			} else if (index == 1) {
-				this.vehicleList0 = [
-					{
-						id: 1,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg',
-						name: '格林卡诺',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg'
-					},
-					{
-						id: 2,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/10.jpg',
-						name: '格林卡诺',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/10.jpg'
-					},
-					{
-						id: 3,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/11.jpg',
-						name: '格林卡诺',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/11.jpg'
-					},
-					{
-						id: 4,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/12.jpg',
-						name: '格林卡诺',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/12.jpg'
-					}
-				]
-			} else if (index == 2) {
-				this.vehicleList0 = [
-					{
-						id: 1,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/13.jpg',
-						name: '齐星依维柯',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/13.jpg'
-					},
-					{
-						id: 2,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/14.jpg',
-						name: '齐星依维柯',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/14.jpg'
-					},
-					{
-						id: 3,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/15.jpg',
-						name: '齐星依维柯',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/15.jpg'
-					},
-					{
-						id: 4,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/16.jpg',
-						name: '齐星依维柯',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/16.jpg'
-					}
-				]
-			} else if (index == 3) {
-				this.vehicleList0 = [
-					{
-						id: 1,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg',
-						name: '奔驰斯宾特',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg'
-					},
-					{
-						id: 2,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/6.jpg',
-						name: '奔驰斯宾特',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/6.jpg'
-					},
-					{
-						id: 3,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg',
-						name: '奔驰斯宾特',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg'
-					},
-					{
-						id: 4,
-						url:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg',
-						name: '奔驰斯宾特',
-						sUrl:
-							'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg'
-					}
-				]
-			}
-		},
 		/**
 		 * 缩略图点击切换大图
 		 */