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