63 lines
1.2 KiB
Vue
63 lines
1.2 KiB
Vue
<template>
|
||
<div id="app">
|
||
<router-view />
|
||
<div class="bottomContent">
|
||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "App",
|
||
data() {
|
||
return {
|
||
startValue: "",
|
||
endValue: ""
|
||
};
|
||
},
|
||
mounted() {
|
||
let app = document.querySelector("#app");
|
||
app.onclick = function(e) {
|
||
this.startValue = e.target.offsetTop;
|
||
};
|
||
app.ontouchend = function(e) {
|
||
this.endValue = e.target.offsetTop;
|
||
if (this.endValue - this.startValue > 0) {
|
||
window.location.reload();
|
||
}
|
||
};
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="less" scoped>
|
||
#app {
|
||
font-family: pingfang, SF UI Text, Roboto;
|
||
font-size: 14px;
|
||
min-height: 100%;
|
||
padding-bottom: 48px;
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
.bottomContent {
|
||
position: absolute;
|
||
bottom: 10px;
|
||
text-align: center;
|
||
width: 100%;
|
||
font-size: 10px;
|
||
p {
|
||
margin: 0;
|
||
}
|
||
b {
|
||
color: #5d8cbc;
|
||
}
|
||
}
|
||
}
|
||
.display {
|
||
display: none;
|
||
}
|
||
.padding {
|
||
padding-bottom: 0 !important;
|
||
}
|
||
</style>
|