|
|
@@ -356,8 +356,116 @@
|
|
|
|
|
|
</view>
|
|
|
|
|
|
-
|
|
|
-
|
|
|
+ <view class="slogan-4 " v-show="bannerListTop.length"
|
|
|
+ @click="showTop=true,getBannerInfoTopBl=true">
|
|
|
+
|
|
|
+ <u-icon :class="{
|
|
|
+ imageshake :true
|
|
|
+ }" size="45" name="gift"></u-icon>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <u-modal v-model="showTop" v-if="getBannerInfoTopBl" class="showOss showOssK" :show-title="false"
|
|
|
+ :show-confirm-button="false">
|
|
|
+ <view class="slot-content">
|
|
|
+ <swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="2500"
|
|
|
+ :duration="500">
|
|
|
+
|
|
|
+ <swiper-item class="swiperitem" v-if="showNt">
|
|
|
+
|
|
|
+
|
|
|
+ <u-image width="600" style="margin: auto;min-height: 250px;" mode="widthFix"
|
|
|
+ v-show="showNtStep==0" src="@/assets/img/nt/f5surprised-1.png">
|
|
|
+
|
|
|
+ <view slot="loading" style="height: 200px;">
|
|
|
+ <u-loading mode="flower" size="186">
|
|
|
+
|
|
|
+ </u-loading>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </u-image>
|
|
|
+ <view style="color: #ecc07d;
|
|
|
+ font-size: 64rpx;
|
|
|
+ position: relative;
|
|
|
+ top: -220rpx;
|
|
|
+ right: -100rpx; width: 400rpx;" @click="showNtStepClick" v-show="showNtStep==0">
|
|
|
+ <span>.</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <u-image width="600" height="700" style="margin: auto;;min-height: 250px;"
|
|
|
+ mode="scaleToFill" v-show="showNtStep==1" src="@/assets/img/nt/f5surprised-2.png">
|
|
|
+
|
|
|
+ </u-image>
|
|
|
+ <u-image width="600" style="margin: auto;min-height: 250px;" mode="widthFix"
|
|
|
+ v-show="showNtStep==2" src="@/assets/img/nt/nt-activity-3.png">
|
|
|
+
|
|
|
+ </u-image>
|
|
|
+ <u-image width="500" style="color: #FFFFFF;
|
|
|
+ font-size: 64rpx;
|
|
|
+ position: relative;
|
|
|
+ top: -540rpx;
|
|
|
+ right: -60rpx;height: 0;
|
|
|
+ " mode="widthFix" v-show="showNtStep==2" src="@/assets/img/nt/f5surprised-3.png">
|
|
|
+
|
|
|
+ </u-image>
|
|
|
+
|
|
|
+
|
|
|
+ <view style="color: #ecc07d;
|
|
|
+ font-size: 72rpx;
|
|
|
+ position: relative;
|
|
|
+ top: -180rpx;
|
|
|
+ right: -144rpx; width: 310rpx;" @click="showNtStepClick" v-show="showNtStep==2">
|
|
|
+ <span>.</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view style="color: #FFFFFF;
|
|
|
+ font-size: 64rpx;
|
|
|
+ position: relative;
|
|
|
+ top: -528rpx;
|
|
|
+ right: -80rpx;" :style="{
|
|
|
+ right:showNtValue>99?'-80rpx':(showNtValue>9?'-95rpx':'-110rpx')
|
|
|
+ }" v-show="showNtStep==1"><b>{{showNtValue}}</b>
|
|
|
+ <span style="font-size: 28rpx;">元</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view style="color: #ecc07d;
|
|
|
+ font-size: 72rpx;
|
|
|
+ position: relative;
|
|
|
+ top: -270rpx;
|
|
|
+ right: -144rpx; width: 310rpx;" @click="showNtStepClick" v-show="showNtStep==1">
|
|
|
+ <span>.</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </swiper-item>
|
|
|
+
|
|
|
+ <swiper-item class="swiperitem" v-for="(item,i) in bannerListTop" :key="i">
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <u-image width="500" height="500" bgColor="#ff000000"
|
|
|
+ style="margin: auto;min-height: 250px;" mode="widthFix" @click="clickBannerTopI(i)"
|
|
|
+ :src="item.picUrl">
|
|
|
+ <view slot="loading" style="height: 200px;">
|
|
|
+ <u-loading mode="flower" size="186">
|
|
|
+
|
|
|
+ </u-loading>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </u-image>
|
|
|
+
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+
|
|
|
+
|
|
|
+ <u-image width="36px" style="margin: auto; margin-top: 10px;" mode="widthFix" @click="showTop=false"
|
|
|
+ src="@/assets/img/if-close-line-circled.png"></u-image>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
<view class="bottom">
|
|
|
|
|
|
<!-- 解锁中 -->
|
|
|
@@ -736,6 +844,11 @@
|
|
|
projectName: "",
|
|
|
|
|
|
showrecharge:"",
|
|
|
+ bannerListTop:[],
|
|
|
+ getBannerInfoTopBl:true,
|
|
|
+ showTop:false,
|
|
|
+ showTopImg:"",
|
|
|
+ showTopIndex: 0,
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -834,7 +947,8 @@
|
|
|
icon: "none"
|
|
|
})
|
|
|
})
|
|
|
- },
|
|
|
+ },
|
|
|
+
|
|
|
chatShowBtn(item) {
|
|
|
if(this.chatShow == false){
|
|
|
this.chatShow = true
|
|
|
@@ -845,28 +959,53 @@
|
|
|
}
|
|
|
|
|
|
this.pricesInfoCurrent2=item
|
|
|
+ },
|
|
|
+ clickBannerTopI(i) {
|
|
|
+ var mod = this.bannerListTop[i];
|
|
|
+ //this.showTop = false;
|
|
|
+ this.clickBanner(0, true, mod)
|
|
|
+ },
|
|
|
+ clickBannerTop() {
|
|
|
+ var mod = this.bannerListTop[this.showTopIndex];
|
|
|
+ this.showTop = false;
|
|
|
+ this.clickBanner(0, true, mod)
|
|
|
},
|
|
|
- clickBanner(index) {
|
|
|
- var mod = this.bannerList[index]
|
|
|
-
|
|
|
- if (mod.linkUrl.indexOf('http') == 0) {
|
|
|
- window.location = mod.linkUrl;
|
|
|
- } else if (mod.linkUrl.indexOf('#/') == 0) {
|
|
|
- if (mod.linkUrl.indexOf("?") == -1) {
|
|
|
- mod.linkUrl += '?';
|
|
|
- }
|
|
|
- //window.location=mod.linkUrl;
|
|
|
- var url = mod.linkUrl.split("#")[1]
|
|
|
- //window.location = mod.clickUrl;
|
|
|
- uni.navigateTo({
|
|
|
- url: url
|
|
|
- })
|
|
|
- } else if (mod.linkUrl == '#' || mod.linkUrl == '') {
|
|
|
-
|
|
|
- } else {
|
|
|
- uni.navigateTo({
|
|
|
- url: mod.linkUrl
|
|
|
- })
|
|
|
+ clickBanner(index, bl, modout) {
|
|
|
+ var uurl = "";
|
|
|
+ var mod = this.bannerList[index]
|
|
|
+ if (modout) {
|
|
|
+ mod = modout;
|
|
|
+ }
|
|
|
+ mod.clickUrl = mod.linkUrl
|
|
|
+
|
|
|
+ if (mod.linkPicUrl && !bl) {
|
|
|
+
|
|
|
+ this.showOss = true;
|
|
|
+ this.showOssImg = mod.linkPicUrl;
|
|
|
+ this.showOssIndex = index;
|
|
|
+
|
|
|
+ } else if (mod.clickUrl == null) {
|
|
|
+
|
|
|
+ } else if (mod.clickUrl.indexOf('http') == 0) {
|
|
|
+
|
|
|
+ window.location = mod.clickUrl + uurl;
|
|
|
+ } else if (mod.clickUrl.slice(-5) == 'login' && this.userId) {
|
|
|
+
|
|
|
+ } else if (mod.clickUrl.indexOf('#/') == 0) {
|
|
|
+ if (mod.clickUrl.indexOf("?") == -1) {
|
|
|
+ mod.clickUrl += '?';
|
|
|
+ }
|
|
|
+ var url = mod.clickUrl.split("#")[1]
|
|
|
+ //window.location = mod.clickUrl;
|
|
|
+ uni.navigateTo({
|
|
|
+ url: url + uurl
|
|
|
+ })
|
|
|
+ } else if (mod.clickUrl == '#' || mod.clickUrl == '') {
|
|
|
+
|
|
|
+ } else {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: mod.clickUrl + uurl
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
},
|
|
|
@@ -1593,13 +1732,80 @@
|
|
|
})
|
|
|
|
|
|
}
|
|
|
+ },
|
|
|
+ getf5surprised() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ userApi.exchangeGroupDetail2("周年红包").then((res) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ var data=res.data;
|
|
|
+ this.key=""
|
|
|
+ this.couponList=[]
|
|
|
+ if(data.length){
|
|
|
+ this.couponList = res.data[0].couponList;
|
|
|
+
|
|
|
+ if(this.couponList&&this.couponList.length){
|
|
|
+ //this.getBannerInfoTop()
|
|
|
+ this.getBannerInfoTop("home-top2");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
},
|
|
|
- getBannerInfoTop() {
|
|
|
- var personInfo = this.carhelp.getPersonInfo()
|
|
|
-
|
|
|
- if (personInfo && personInfo.userType == "1") {
|
|
|
- this.showVin = true
|
|
|
- }
|
|
|
+ getBannerInfoTop(code) {
|
|
|
+ var nowtime = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}')
|
|
|
+ var time = this.carhelp.get("bannerListTop");
|
|
|
+ if ((time && nowtime == time)) {
|
|
|
+ this.getBannerInfoTopBl = false;
|
|
|
+ }
|
|
|
+ //特殊活动不考虑
|
|
|
+ this.getBannerInfoTopBl = true;
|
|
|
+ // uni.showLoading({
|
|
|
+ // title: "加载中",
|
|
|
+ // mask: true,
|
|
|
+ // })
|
|
|
+
|
|
|
+ newsApi.getBannerInfo(code).then((res) => {
|
|
|
+
|
|
|
+
|
|
|
+ this.bannerListTop = res.data;
|
|
|
+
|
|
|
+
|
|
|
+ if (this.bannerListTop.length) {
|
|
|
+ this.showTop = true;
|
|
|
+ this.showTopImg = this.bannerListTop[0].picUrl;
|
|
|
+ this.showTopIndex = 0;
|
|
|
+
|
|
|
+ }
|
|
|
+ this.carhelp.set("bannerListTop", nowtime);
|
|
|
+ //this.test()
|
|
|
+ var userInfo = this.carhelp.getPersonInfo();
|
|
|
+
|
|
|
+ if (userInfo && userInfo.id) {
|
|
|
+ //this.getf5surprised()
|
|
|
+ } else {}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //uni.hideLoading()
|
|
|
+ //document.getElementsByClassName("uni-swiper-wrapper")[0].parentNode.style="background-color: rgb(255, 255, 255); height: 120px;"
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
},
|
|
|
startCarCharging(){
|
|
|
var time1=newDate("2024-05-11")
|
|
|
@@ -1736,7 +1942,9 @@
|
|
|
if (carDetText) {
|
|
|
this.carDetText = carDetText
|
|
|
}
|
|
|
-
|
|
|
+ if( this.branchParameterBl('ud')){
|
|
|
+ this.getf5surprised()
|
|
|
+ }
|
|
|
|
|
|
},
|
|
|
onLoad(op) {
|
|
|
@@ -2517,5 +2725,80 @@
|
|
|
|
|
|
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .slogan-4 {
|
|
|
+ z-index: 2;
|
|
|
+ margin-top: 10px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ /* text-decoration: underline; */
|
|
|
+
|
|
|
+
|
|
|
+ text-align: center;
|
|
|
+ position: fixed;
|
|
|
+ /* top: 40px; */
|
|
|
+ bottom: 180px;
|
|
|
+ right: 20px;
|
|
|
+ height: 80rpx;
|
|
|
+ width: 80rpx;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ background: linear-gradient(95deg, #FF9800, #FF5722);
|
|
|
+ box-shadow: 0 4rpx 24rpx 0 #FF5722;
|
|
|
+ //padding-top: 8px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 25px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .imageshake {
|
|
|
+ position: relative;
|
|
|
+ animation: shake 0.5s ease-in-out infinite;
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes shake {
|
|
|
+ 0% {
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 25% {
|
|
|
+ transform: rotate(8deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 50% {
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 75% {
|
|
|
+ transform: rotate(-8deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .showOssK {
|
|
|
+
|
|
|
+ /deep/.u-model,
|
|
|
+ /deep/.u-mode-center-box {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // .showOss {
|
|
|
+
|
|
|
+ // /deep/.u-model,
|
|
|
+ // /deep/.u-mode-center-box {
|
|
|
+ // background-color: transparent;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ .swiper {
|
|
|
+ height: 700rpx;
|
|
|
+
|
|
|
+ .swiperitem {
|
|
|
+ height: 700rpx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
zhengkaixin