<template>
  <div class="knowmore-background knowmore-box" :style="'height:' + fullHeight + 'px'">
      <!-- 页头导航 -->
      <el-page-header title="" @back="goBack" content="关于">
      </el-page-header>

        <!-- 圆 -->
        <div class="circle"></div>
        <div class="circle1"></div>
      <!-- 卡片 -->
      <el-card class="box-card" shadow="always">
          <!-- 标题 -->
        <div class="knowmore-title">河南云飞科技发展有限公司</div>
        
        <!-- 虚线 -->
        <div class="knowmore-frame"></div>

        <!-- 列表 -->
        <ul class="knowmore-ul">
            <!-- list-版本 -->
            <li class="knowmore-li">
                <div class="knowmore-text">版本</div>
                <div class="knowmore-text1">云飞病虫害调查系统1.5</div>
            </li>
             <!-- list-说明 -->
            <li class="knowmore-li">
                <div class="knowmore-text">说明</div>
                <div class="knowmore-text1">本产品仅适用Android2.2以上版本</div>
            </li>
             <!-- list-电话 -->
            <li class="knowmore-li">
                <div class="knowmore-text">电话</div>
                <div class="knowmore-text1">4006907990</div>
            </li>
             <!-- list-传真 -->
            <li class="knowmore-li">
                <div class="knowmore-text">传真</div>
                <div class="knowmore-text1">0371-87092877 87092977</div>
            </li>
             <!-- list-邮编 -->
            <li class="knowmore-li">
                <div class="knowmore-text">邮编</div>
                <div class="knowmore-text1">45000</div>
            </li>
             <!-- list-网址 -->
            <li class="knowmore-li">
                <div class="knowmore-text">网址</div>
                <div class="knowmore-text1">www.hnyfkj.com.cn</div>
            </li>
        </ul>
      </el-card>
  </div>
</template>

<script>
export default {
  name: "knowmore",
  data () {
    return {
        fullHeight: document.documentElement.clientHeight,
    };
  },
   watch: {
        fullHeight (val) { //监控浏览器高度变化
            if (!this.timer) {
                this.fullHeight = val
                this.timer = true
                let that = this
                setTimeout(function () { //防止过度调用监测事件，导致卡顿
                    that.timer = false
                },400)
            }

        }
    },
     mounted () {
        this.get_boderHeight()
    },
  methods: {
    //动态获取浏览器高度
        get_boderHeight () {
            const that = this
            window.onresize = () => {
                return (() => {
                    window.fullHeight = document.documentElement.clientHeight
                    that.fullHeight = window.fullHeight
                }) ()
            }
        },


      goBack() {
      let _this = this;
    //   _this.$router.replace("/home");
      _this.$router.push("/home");
    }
  }
};
</script>

<style lang="scss">
@import "../../assets/style/bus.scss";
@import "../../assets/style/scss/knowmore.scss";
</style>
