1.home banner backImg

pages/mobile/SelectCarFive.vue

@@ -11,7 +11,7 @@
 				</view>
 				<view class="zdyNavTitle">车型件</view>
 				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				<!-- <view style="width: 10rpx;"></view> -->
+				
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -90,14 +90,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
-	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+	.backImg {
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 
 	.homeImg {
@@ -108,7 +107,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 120rpx;
 	}
 
 	.zdyNavTitle {
@@ -127,7 +127,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 	.top {

pages/mobile/SelectCarFour.vue

@@ -11,7 +11,7 @@
 				</view>
 				<view class="zdyNavTitle">选择车辆配置</view>
 				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				<!-- <view style="width: 10rpx;"></view> -->
+				
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -94,14 +94,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
-	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+	.backImg {
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 
 	.homeImg {
@@ -112,7 +111,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 120rpx;
 	}
 
 	.zdyNavTitle {
@@ -131,7 +131,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 	.top {

pages/mobile/SelectCarSix.vue

@@ -11,7 +11,7 @@
 				</view>
 				<view class="zdyNavTitle">车型件</view>
 				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				<!-- <view style="width: 10rpx;"></view> -->
+				
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -122,14 +122,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
-	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+	.backImg {
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 
 	.homeImg {
@@ -140,7 +139,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 120rpx;
 	}
 
 	.zdyNavTitle {
@@ -159,7 +159,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 	.top {

pages/mobile/SelectCarThree.vue

@@ -11,7 +11,7 @@
 				</view>
 				<view class="zdyNavTitle">选择年份</view>
 				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				<!-- <view style="width: 10rpx;"></view> -->
+				
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -86,14 +86,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
-	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+	.backImg {
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 
 	.homeImg {
@@ -104,7 +103,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 120rpx;
 	}
 
 	.zdyNavTitle {
@@ -123,7 +123,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 	.top {

pages/mobile/SelectCarTwo.vue

@@ -11,7 +11,7 @@
 				</view>
 				<view class="zdyNavTitle">{{title}}</view>
 				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				<!-- <view style="width: 10rpx;"></view> -->
+				
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -93,7 +93,7 @@
 		top: 0;
 		left: 0;
 		z-index: 9999999;
-
+		
 
 	}
 
@@ -103,14 +103,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
 	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 
 	.homeImg {
@@ -121,7 +120,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 120rpx;
 	}
 
 	.zdyNavTitle {
@@ -140,7 +140,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 	.top {

pages/mobile/group.vue

@@ -12,7 +12,7 @@
 				</view>
 				<view class="zdyNavTitle">车型件</view>
 				<view v-if="param.length != 0" class="zdyNavRight" @click="goOemSearch()">OEM搜索</view>
-				<view v-else style="width: 50rpx;"></view>
+				<!-- <view v-else style="width: 50rpx;"></view> -->
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -269,14 +269,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
 	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+		width: 22rpx;
+		height: 40rpx;
+	
 	}
 
 	.homeImg {
@@ -287,7 +286,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 120rpx;
 	}
 
 	.zdyNavTitle {
@@ -306,7 +306,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 

pages/mobile/homePage.vue

@@ -10,16 +10,27 @@
 
 				</view>
 				<view class="zdyNavTitle">车型件</view>
-				<!-- <view class="zdyNavRight"></view> -->
-				<view style="width: 50px;"></view>
+				<view class="zdyNavRight"></view>
+				
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 		<view style="height: 44px;"></view>
 
 
-		<view class="mainBox">
-			<image class="barner" src="../../static/img/banner_chexingjian.png" mode=""></image>
+		<view class="mainBox">
+			<!-- 轮播图 -->
+			<swiper class="swiper" :circular="true" :indicator-dots="true" indicator-active-color="#FF4F00">
+				<swiper-item v-for="(item,index) in bannerArr">
+				
+					<image :src="item" mode="" class="swpImg"></image>
+					
+					</image>
+					
+				</swiper-item>
+				
+			</swiper>
+			
 			<image @click="goIndex()" class="searchBtn" src="../../static/img/button_search.png" mode=""></image>
 			
 			<image class="title" src="../../static/img/text_zhongjian.png" mode=""></image>
@@ -38,12 +49,14 @@
 	export default {
 		components: {
 			searchBox
+		
 		},
 		data() {
 			return {
 				iStatusBarHeight: '',
-				
-				searchValue: '',
+				bannerArr:['../../static/img/home_banner1.png','../../static/img/home_banner2.png','../../static/img/home_banner3.png'],
+				searchValue: '',
+				
 			}
 		},
 		onLoad() {
@@ -109,14 +122,13 @@
 		justify-content: space-between;
 
 		align-items: center;
-
+		padding: 0 24rpx;
 	}
 
 	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 
 	.homeImg {
@@ -127,7 +139,8 @@
 
 	.zdyNavLeft {
 		display: flex;
-		align-items: center;
+		align-items: center;
+		width: 44rpx;
 	}
 
 	.zdyNavTitle {
@@ -146,7 +159,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 44rpx;
 	}
 
 	
@@ -157,9 +170,12 @@
 		width: 100vw;
 	}
 
-	.barner{
-		height: 390rpx;
+	.swiper,
+	.swiper-item,
+	.swpImg {
 		width: 100%;
+		height: 390rpx;
+		
 	}
 	.searchBtn{
 		padding: 30rpx 24rpx 0;

pages/mobile/modelTwo.vue

@@ -11,7 +11,6 @@
 				</view>
 				<view class="zdyNavTitle">车型件</view>
 				<view class="zdyNavRight" @click="goOemSearch()">OEM搜索</view>
-				<!-- <view style="width: 50rpx;"></view> -->
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -358,14 +357,13 @@
 		justify-content: space-between;
 	
 		align-items: center;
-	
+		padding: 0 24rpx;
 	}
 	
 	.backImg {
-		width: 44rpx;
-		height: 44rpx;
-		margin-left: 10rpx;
-		margin-right: 20rpx;
+		width: 22rpx;
+		height: 40rpx;
+		
 	}
 	
 	.homeImg {
@@ -377,6 +375,7 @@
 	.zdyNavLeft {
 		display: flex;
 		align-items: center;
+		width: 120rpx;
 	}
 	
 	.zdyNavTitle {
@@ -394,7 +393,7 @@
 		font-size: 28rpx;
 		line-height: 44px;
 		color: #3F90F7;
-		margin-right: 24rpx;
+		width: 120rpx;
 	}
 
 	.top {