<template> | <template> | ||||
<div id="app" @touchstart="startEvent" @touchend="endEvent"> | |||||
<div id="app" @touchstart="startEvent" @touchend="endEvent"> | |||||
<transition name="fade"> | <transition name="fade"> | ||||
<router-view/> | <router-view/> | ||||
</transition> | </transition> |
import qs from 'qs'; | |||||
let httpRoot = 'http://news.envisioncn.com/api/web';//接口根路径 | |||||
// let httpRoot = 'http://www.jiyou-tech.com/2019/404/api/web/';//接口根路径 | |||||
/* | |||||
* http方法 | |||||
* 参数:{ | |||||
* url:接口路径 | |||||
* params:传入的参数 | |||||
* callback:回调函数 | |||||
* thisArg:指向接口调用页面(接口调用页面的this) | |||||
* type:调用方式(post or get) | |||||
* } | |||||
*/ | |||||
function httpFun(url,params,callback, thisArg,uid,type) { | |||||
if(!type || type.toUpperCase() == "GET"){ | |||||
this.axios.get(httpRoot+url,{params, | |||||
headers:{ | |||||
uid:uid || "" | |||||
} | |||||
}).then((response)=>{ | |||||
if (callback && thisArg) { | |||||
callback.call(thisArg,response.data); | |||||
} | |||||
}).catch((response)=>{ | |||||
console.log(response); | |||||
}) | |||||
}else{ | |||||
this.axios.post(httpRoot+url,qs.stringify(params),{ | |||||
headers:{ | |||||
uid:uid || "", | |||||
"Content-Type":"application/x-www-form-urlencoded" | |||||
} | |||||
}).then((response)=>{ | |||||
if (callback && thisArg) { | |||||
callback.call(thisArg,response.data); | |||||
} | |||||
}).catch((response)=>{ | |||||
console.log(response); | |||||
}) | |||||
} | |||||
} | |||||
function stopPullDown (){ | function stopPullDown (){ | ||||
let that = this; | let that = this; | ||||
let all = document.getElementById("app"); | let all = document.getElementById("app"); | ||||
} | } | ||||
},false); | },false); | ||||
} | } | ||||
export {httpFun,stopPullDown}; | |||||
export {stopPullDown}; |
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img class="mask1_1" src="../../assets/vehicle/maskCompliance.jpg" alt=""> | <img class="mask1_1" src="../../assets/vehicle/maskCompliance.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="showMaskfn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
</div> | </div> | ||||
}, | }, | ||||
methods:{ | methods:{ | ||||
showMaskfn(e){ | showMaskfn(e){ | ||||
this.showMask = true; | |||||
this.showMask = !this.showMask; | |||||
this.$store.state.commonWin = !this.$store.state.commonWin; | |||||
} | } | ||||
} | } | ||||
} | } |
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask1_1.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask1_1.jpg" alt=""> | ||||
<img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask1_2.jpg" alt=""> | <img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask1_2.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="maskFn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
<script> | <script> | ||||
import Sidebar from '../../components/sidebar' | import Sidebar from '../../components/sidebar' | ||||
// import {data,touchstart,touchend} from '../../plugins/slide' | |||||
import {data,touchstart,touchend} from '../../plugins/slide' | |||||
export default{ | export default{ | ||||
name:"criterionMoney", | name:"criterionMoney", | ||||
components:{Sidebar}, | components:{Sidebar}, | ||||
}else{ | }else{ | ||||
this.showMaskNum = 2; | this.showMaskNum = 2; | ||||
} | } | ||||
this.$store.state.commonWin = true | |||||
}, | }, | ||||
maskFn(){ | |||||
this.showMask = false; | |||||
this.$store.state.commonWin = false | |||||
} | |||||
} | } | ||||
} | } | ||||
</script> | </script> |
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask1_5.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask1_5.jpg" alt=""> | ||||
<img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask1_6.jpg" alt=""> | <img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask1_6.jpg" alt=""> | ||||
<img v-if="showMaskNum==3" class="mask1_1" src="../../assets/vehicle/mask1_7.jpg" alt=""> | <img v-if="showMaskNum==3" class="mask1_1" src="../../assets/vehicle/mask1_7.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="maskFn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
</div> | </div> | ||||
}else{ | }else{ | ||||
this.showMaskNum = 3; | this.showMaskNum = 3; | ||||
} | } | ||||
this.$store.state.commonWin = true | |||||
}, | }, | ||||
maskFn(){ | |||||
this.showMask = false; | |||||
this.$store.state.commonWin = false | |||||
} | |||||
// touchstart(e){ | // touchstart(e){ | ||||
// this.touchstartY = e.changedTouches[0].clientY; | // this.touchstartY = e.changedTouches[0].clientY; | ||||
// }, | // }, |
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask1_3.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask1_3.jpg" alt=""> | ||||
<img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask1_4.jpg" alt=""> | <img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask1_4.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="maskFn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
</div> | </div> | ||||
}else{ | }else{ | ||||
this.showMaskNum = 2; | this.showMaskNum = 2; | ||||
} | } | ||||
this.$store.state.commonWin = true | |||||
}, | }, | ||||
maskFn(){ | |||||
this.showMask = false; | |||||
this.$store.state.commonWin = false | |||||
} | |||||
} | } | ||||
} | } |
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img class="mask1_1" src="../../assets/vehicle/mask2_1.jpg" alt=""> | <img class="mask1_1" src="../../assets/vehicle/mask2_1.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="maskFn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
</div> | </div> | ||||
methods:{ | methods:{ | ||||
showMaskfn(e){ | showMaskfn(e){ | ||||
this.showMask = true; | this.showMask = true; | ||||
this.$store.state.commonWin = true | |||||
}, | |||||
maskFn(){ | |||||
this.showMask = false; | |||||
this.$store.state.commonWin = false | |||||
} | } | ||||
} | } | ||||
} | } |
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_5.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_5.jpg" alt=""> | ||||
<img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask2_6.jpg" alt=""> | <img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask2_6.jpg" alt=""> | ||||
<img v-if="showMaskNum==3" class="mask1_1" src="../../assets/vehicle/mask2_7.jpg" alt=""> | <img v-if="showMaskNum==3" class="mask1_1" src="../../assets/vehicle/mask2_7.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="maskFn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
</div> | </div> | ||||
}else{ | }else{ | ||||
this.showMaskNum = 3; | this.showMaskNum = 3; | ||||
} | } | ||||
this.$store.state.commonWin = true | |||||
}, | |||||
maskFn(){ | |||||
this.showMask = false; | |||||
this.$store.state.commonWin = false | |||||
} | } | ||||
} | } | ||||
} | } |
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_2.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_2.jpg" alt=""> | ||||
<img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask2_3.jpg" alt=""> | <img v-if="showMaskNum==2" class="mask1_1" src="../../assets/vehicle/mask2_3.jpg" alt=""> | ||||
<img v-if="showMaskNum==3" class="mask1_1" src="../../assets/vehicle/mask2_4.jpg" alt=""> | <img v-if="showMaskNum==3" class="mask1_1" src="../../assets/vehicle/mask2_4.jpg" alt=""> | ||||
<img @click="showMask=false" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
<img @click="maskFn" class="dele" src="../../assets/vehicle/dele.png" alt=""> | |||||
</div> | </div> | ||||
<Sidebar class="slide"></Sidebar> | <Sidebar class="slide"></Sidebar> | ||||
</div> | </div> | ||||
}else{ | }else{ | ||||
this.showMaskNum = 3; | this.showMaskNum = 3; | ||||
} | } | ||||
this.$store.state.commonWin = true | |||||
}, | |||||
maskFn(){ | |||||
this.showMask = false; | |||||
this.$store.state.commonWin = false | |||||
} | } | ||||
} | } | ||||
} | } |