<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() {
    document.body.ontouchstart = function(e) {
      this.startValue = e.changedTouches[0].pageY;
    };
    document.body.ontouchend = function(e) {
      this.endValue = e.changedTouches[0].pageY;
      if (
        this.endValue - this.startValue > 50 &&
        e.changedTouches[0].pageY === e.changedTouches[0].clientY
      ) {
        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;
  background: #f6f7f8;
  .bottomContent {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-size: 10px;
    p {
      margin: 0;
      line-height: 14px;
    }
    b {
      color: #5d8cbc;
    }
  }
}
.display {
  display: none;
}
.padding {
  padding-bottom: 0 !important;
}
</style>
