Commit 20f68902 authored by 黄媛媛's avatar 黄媛媛

11

parent 4c767073
...@@ -108,7 +108,9 @@ ...@@ -108,7 +108,9 @@
<img class="img" src="../../assets/img/juan/fire2.png" alt=""/> <img class="img" src="../../assets/img/juan/fire2.png" alt=""/>
<div class="videoBox" :style="{zoom: zoom}"> <div class="videoBox" :style="{zoom: zoom}">
<video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay"> <video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay">
<source src="../../assets/media/fire.mp4" type="vedio/mp4"> <source src="../../assets/media/fire.mp4" type="viedo/mp4">
<source src="../../assets/media/fire.mp4" type="viedo/ogg">
<source src="../../assets/media/fire.mp4" type="viedo/webm">
</video> </video>
</div> </div>
<div class="TwoCode"> <div class="TwoCode">
...@@ -125,7 +127,7 @@ ...@@ -125,7 +127,7 @@
<div class="spDivBg"> <div class="spDivBg">
<div> <div>
<video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay"> <video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay">
<source src="../../assets/media/fire.mp4" type="video/ogg" /> <source src="../../assets/media/fire.mp4" type="video/mp4" />
</video> </video>
</div> </div>
...@@ -164,7 +166,8 @@ export default { ...@@ -164,7 +166,8 @@ export default {
height2:"0px", height2:"0px",
height3:"0px", height3:"0px",
tiaoshui:[], tiaoshui:[],
isPhone:false isPhone:false,
timer:'',
}; };
}, },
mounted() { mounted() {
...@@ -209,7 +212,8 @@ export default { ...@@ -209,7 +212,8 @@ export default {
this.height3=(5451/750)*oWidth2+'px'; this.height3=(5451/750)*oWidth2+'px';
}, },
methods: { methods: {
goLocalDes(idDes,obj){
goLocalDes(idDes,obj){
let path = 'detailTwo' let path = 'detailTwo'
path=`${path}/${encodeURIComponent(idDes)}/${obj.tcid}`; path=`${path}/${encodeURIComponent(idDes)}/${obj.tcid}`;
...@@ -231,7 +235,7 @@ export default { ...@@ -231,7 +235,7 @@ export default {
this.apiJavaPost('/api/b2b/group/getHomeRecommendPrice',msg,res=>{ this.apiJavaPost('/api/b2b/group/getHomeRecommendPrice',msg,res=>{
if(res.data.resultCode==1){ if(res.data.resultCode==1){
this.tiaoshui=res.data.data.pageData; this.tiaoshui=res.data.data.pageData;
console.log("loadTiaoshui",this.tiaoshui) // console.log("loadTiaoshui",this.tiaoshui)
}else{ }else{
this.Error(res.data.message); this.Error(res.data.message);
...@@ -269,7 +273,18 @@ export default { ...@@ -269,7 +273,18 @@ export default {
} }
} }
}, },
Time(){
this.timer = setInterval(() => {
this.CodeVialdTime--;
if (this.CodeVialdTime <= 0) {
clearInterval(this.timer);
clearInterval(this.Pay_timer);
this.order_exit='2';
this.order_exit_info="订单支付超时,请重新下单!"
}
this.time_15 = this.s_to_hs(this.CodeVialdTime);
}, 1000);
},
//自动切换 //自动切换
AutoExchange(){ AutoExchange(){
var div1 = this.$refs.div1;//整个区域 var div1 = this.$refs.div1;//整个区域
...@@ -279,11 +294,14 @@ export default { ...@@ -279,11 +294,14 @@ export default {
that.ab2 = that.ab2>imgLen.length-2?0:++that.ab2; //5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab; that.ab2 = that.ab2>imgLen.length-2?0:++that.ab2; //5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab;
//循环遍历下一张图的效果. //循环遍历下一张图的效果.
for (let b = 0; b < imgLen.length; b++) { for (let b = 0; b < imgLen.length; b++) {
imgLen[b].style.transition ="";
if (b == that.ab2) { if (b == that.ab2) {
imgLen[b].style.opacity = 1; imgLen[b].style.opacity = 1;
imgLen[b].style.transition = "opacity 1s"; // imgLen[b].style.transition = "opacity 0.5s";
} else { } else {
imgLen[b].style.opacity = 0; imgLen[b].style.opacity = 0;
imgLen[b].style.transition = "opacity 1s";
} }
} }
},5000); },5000);
...@@ -297,11 +315,13 @@ export default { ...@@ -297,11 +315,13 @@ export default {
that.ab = that.ab>imgLen.length-2?0:++that.ab; //5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab; that.ab = that.ab>imgLen.length-2?0:++that.ab; //5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab;
//循环遍历下一张图的效果. //循环遍历下一张图的效果.
for (var b = 0; b < imgLen.length; b++) { for (var b = 0; b < imgLen.length; b++) {
imgLen[b].style.transition ="";
if (b == that.ab) { if (b == that.ab) {
imgLen[b].style.opacity = 1; imgLen[b].style.opacity = 1;
imgLen[b].style.transition = "opacity 2s"; // imgLen[b].style.transition = "opacity 0.5s";
} else { } else {
imgLen[b].style.opacity = 0; imgLen[b].style.opacity = 0;
imgLen[b].style.transition = "opacity 1s";
} }
} }
},5000); },5000);
...@@ -315,11 +335,14 @@ export default { ...@@ -315,11 +335,14 @@ export default {
that.ab3 = that.ab3>imgLen.length-2?0:++that.ab3; //5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab; that.ab3 = that.ab3>imgLen.length-2?0:++that.ab3; //5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab;
//循环遍历下一张图的效果. //循环遍历下一张图的效果.
for (var b = 0; b < imgLen.length; b++) { for (var b = 0; b < imgLen.length; b++) {
imgLen[b].style.transition ="";
if (b == that.ab3) { if (b == that.ab3) {
imgLen[b].style.opacity = 1; imgLen[b].style.opacity = 1;
imgLen[b].style.transition = "opacity 2s"; // imgLen[b].style.transition = "opacity 0.5s";
} else { } else {
imgLen[b].style.opacity = 0; imgLen[b].style.opacity = 0;
imgLen[b].style.transition = "opacity 1s";
} }
} }
},5000); },5000);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment