调整首页代码

pages/index/index.vue

@@ -19,6 +19,7 @@
 				<view class="search-box">
 					<image :src="`${fileURL}image/newHome/search.png`" class="icon" mode="aspectFill"></image>
 					<input class="search" placeholder="办业务·搜一搜" @input="onKeyInput" />
+					<!-- <u-input v-model="searchParams" type="text" :border="false"  :height="80" placeholder-style='color: #fff;' /> -->
 				</view>
 			</view>
 
@@ -47,7 +48,7 @@
 			<view class="supervision-con">
 				<!-- <u-swiper :list="state.swiperListArr"></u-swiper> -->
 				<swiper class="swiper" circular :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay"
-					:interval="swiper.interval" :duration="swiper.duration" :easing-function="swiper.easing">
+					:interval="swiper.interval" :duration="swiper.duration" >
 					<block v-if="state.swiperList.length >0" v-for="item in state.swiperList" :key="item.id">
 						<swiper-item class="swiper-item" @click="link(item)">
 							<image :src="fileURLList + item.imgUrl" mode="widthFix" class='img'></image>
@@ -65,7 +66,7 @@
 				</view> -->
 			</view>
 
-			<view class="title-name">
+			<view class="title-name title-h">
 				快速办理
 			</view>
 			<view class="express-lane">
@@ -92,7 +93,7 @@
 			</view>
 			<view class="news-con">
 				<view class="title-con">
-					<text>高速快讯</text>
+					<text class='title-h'>高速快讯</text>
 					<view class="r-more" @click="$util.navTo('/subpackage/orders/moreHighMsg/moreHighMsg',true)">
 						<text class='txt'>更多</text>
 						<image :src="`${fileURL}image/newHome/r-icon.png`" mode="aspectFit" class='icon'></image>
@@ -248,8 +249,8 @@
 		indicatorDots: false,
 		autoplay: true,
 		interval: 6000,
-		duration: 3000,
-		easing: "easeInOutCubic"
+		duration: 500,
+		easing: "default"
 	})
 
 	onLoad((options) => {
@@ -696,6 +697,9 @@
 				font-weight: 500;
 				font-size: 26rpx;
 				background: #1a394d;
+				::v-deep .input-placeholder {
+					color: #fff !important;
+				}
 			}
 		}
 
@@ -823,7 +827,13 @@
 
 	.title-name {
 		margin: 24rpx 30rpx 0;
+	}
 
+	.title-h {
+		font-family: PingFangSC, PingFang SC;
+		font-weight: bold;
+		font-size: 34rpx;
+		color: #01243A;
 	}
 
 	.express-lane {
@@ -869,11 +879,19 @@
 
 		.keche {
 			background-image: url(https://qtzl.etcjz.cn/default-bucket/image/newHome/keche.png);
+
+			.btn {
+				background-color: #03385D;
+			}
 		}
 
 		.huoche {
 			margin-left: 22rpx;
 			background-image: url(https://qtzl.etcjz.cn/default-bucket/image/newHome/huoche.png);
+
+			.btn {
+				background-color: #C2A75F;
+			}
 		}
 	}
 
@@ -881,9 +899,6 @@
 		margin: 39rpx 30rpx 0;
 
 		.title-con {
-			font-family: PingFangSC, PingFang SC;
-			font-size: 34rpx;
-			color: #01243A;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
@@ -1067,10 +1082,11 @@
 			}
 
 			.txt {
-				margin-left: 10rpx;
+				margin-left: 14rpx;
 				font-family: PingFangSC, PingFang SC;
 				font-size: 28rpx;
 				color: #222222;
+				line-height: 38rpx;
 			}
 		}
 	}