Przeglądaj źródła

调整首页代码

master
zhoujie 7 miesięcy temu
rodzic
commit
b99fc9af48
1 zmienionych plików z 25 dodań i 9 usunięć
  1. 25
    9
      pages/index/index.vue

+ 25
- 9
pages/index/index.vue Wyświetl plik

<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;
} }
} }
} }

Ładowanie…
Anuluj
Zapisz