1.首页

pages/mobile/homePage.vue

@@ -11,17 +11,21 @@
 				</view>
 				<view class="zdyNavTitle">车型件</view>
 				<!-- <view class="zdyNavRight"></view> -->
-				<!-- <view style="width: 10rpx;"></view> -->
+				<view style="width: 50px;"></view>
 			</view>
 		</view>
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 		<view style="height: 44px;"></view>
 
-		<view class="top">{{title}}</view>
-
 
 		<view class="mainBox">
-			
+			<image class="barner" src="../../static/img/banner_chexingjian.png" mode=""></image>
+			<image @click="goIndex()" class="searchBtn" src="../../static/img/button_search.png" mode=""></image>
+			
+			<image class="title" src="../../static/img/text_zhongjian.png" mode=""></image>
+			
+			<image class="content" src="../../static/img/text_shuoming.png" mode=""></image>
+			
 			
 		</view>
 
@@ -37,10 +41,8 @@
 		},
 		data() {
 			return {
-				title: '大众 > 迈腾 > 2022 > 市场一',
 				iStatusBarHeight: '',
-				cangList: [1,2,3,4,5,6,7,8],
-				sonTitle: '发动机',
+				
 				searchValue: '',
 			}
 		},
@@ -54,22 +56,28 @@
 				this.searchValue = val
 			
 			},
-			gomodelThree() {
+			goIndex() {
 				uni.navigateTo({
-					url: 'modelThree'
+					url: 'index'
 				})
 			},
-			goOemSearch() {
-				uni.navigateTo({
-					url: 'OemSearch'
-				})
-			},
-			blueBack(){
-				uni.navigateBack({})
-			},
+			
 			goback() {
 				console.log('返回');
-				uni.navigateBack({})
+				// uni.navigateBack({})
+				//app交互
+				var standalone = window.navigator.standalone
+				var userAgent = window.navigator.userAgent.toLowerCase()
+				var safari = /safari/.test(userAgent)
+				var ios = /iphone|ipod|ipad|mac/.test(userAgent)
+				var android = /android/.test(userAgent)
+				if (ios) {
+								 if ( true) {//!standalone&& !safari
+								   window.webkit.messageHandlers.goMyNav.postMessage(null)
+								 }
+				} else if (android) {
+								 window.android.postMessage()
+				}
 			},
 		}
 	}
@@ -138,109 +146,39 @@
 		margin-right: 24rpx;
 	}
 
-	.top {
-		color: #FFFFFF;
-		font-size: 28rpx;
-		padding: 24rpx;
-
-		background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
-	}
+	
 
 	.mainBox {
-		background: #FFFFFF;
-	}
-
-	.maintitle {
-		font-size: 28rpx;
-		font-family: PingFangSC-Medium, PingFang SC;
-		font-weight: 500;
-		color: #333333;
-		text-align: center;
-		line-height: 88rpx;
-		border-bottom: 1px solid #EEEEEE;
-		position: relative;
-	}
-
-	.blueBackImg {
-		width: 25rpx;
-		height: 24rpx;
-		margin-top: 4rpx;
-	}
-
-	.backBox {
-		display: flex;
-		position: absolute;
-		left: 23rpx;
-		top: 28rpx;
-	}
-
-	.backTxt {
-		color: #3F90F7;
-		font-weight: 400;
-		font-size: 24rpx;
-		line-height: 33rpx;
-	}
-
-	.mainLineJt {
-		width: 25rpx;
-		height: 24rpx;
-		margin-top: 8rpx;
-	}
-
-	.mainLine {
-		display: flex;
-
-		border-bottom: 1px solid #EEEEEE;
-		padding: 29rpx 24rpx;
-	}
-
-	.lineName {
-		font-size: 26rpx;
-		font-family: PingFangSC-Regular, PingFang SC;
-		font-weight: 500;
-		color: #333333;
-		line-height: 40rpx;
-		width: 570rpx;
-		word-wrap: break-word;
-		/*强制换行*/
-		overflow: hidden;
-		/*超出隐藏*/
-		text-overflow: ellipsis;
-		/*隐藏后添加省略号*/
-		white-space: nowrap;
-		/*强制不换行*/
-	}
-
-	.lineIMg {
-		width: 110rpx;
-		height: 110rpx;
-	}
-
-	.lineRIght {
-		padding-left: 20rpx;
-	}
-
-	.lineBm {
-		font-size: 24rpx;
-		font-family: PingFangSC-Regular, PingFang SC;
-		font-weight: 400;
-		color: #999999;
-		padding: 10rpx 0;
+		background: #FFFFFF;
+		min-height: 100vh;
+		width: 100vw;
 	}
 
-	.linejs {
-		font-size: 24rpx;
-		font-family: PingFangSC-Regular, PingFang SC;
-		font-weight: 400;
-		color: #999999;
-		width: 570rpx;
-		word-wrap: break-word;
-		/*强制换行*/
-		overflow: hidden;
-		/*超出隐藏*/
-		text-overflow: ellipsis;
-		/*隐藏后添加省略号*/
-		white-space: nowrap;
-		/*强制不换行*/
+	.barner{
+		height: 300rpx;
+		width: 100%;
+	}
+	.searchBtn{
+		padding: 30rpx 24rpx 0;
+		width: calc(100vw - 48rpx);
+		height: 92rpx;
+	}
+	.centerBox{
+		margin-top: 140rpx;
+		margin-bottom: 100rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	
+	.title{
+		padding: 142rpx 116rpx 100rpx;
+		width: calc(100vw - 232rpx);
+		height: 40rpx;
+	}
+	.content{
+		padding: 0 47rpx;
+		width: calc(100vw - 94rpx);
+		height: 224rpx;
 	}
 </style>