<!--  -->
<template>
  <div class="helpWx_box" :style="'height:' + fullHeight + 'px'">
    <!-- 头部 -->
     <div class="helpWx_head">
      <div class="helpWx_head_returnA" @click="FanHui()">
        <img src="../../assets/image/new/30.png" alt class="helpWx_head_returnA_img" />
      </div>

      <!-- 标题 -->
      <div class="head_title">
        <span class="head_title_text">关于我们</span>
      </div>
    </div>
    <!-- 线 -->
    <!-- <div class="helpWx_segment"></div> -->
    <!-- 线 -->

    <!-- 文字 -->
    <div class="helpWx_txt_box">
      <!-- <span class="helpWx_txt">欢迎扫码下载使用云飞病虫调查统计器app</span> -->
      <span class="helpWx_txt">关注公众号了解更多信息</span>
    </div>
    <!-- 文字 -->

    <!-- 二维码 -->
    <div class="code_box">
      <img src="../../assets/image/code.jpg" alt="" class="code_box_img" />
    </div>
    <!-- 二维码 -->
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {
      fullHeight: document.documentElement.clientHeight,
    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {
    fullHeight(val) {
      //监控浏览器高度变化
      if (!this.timer) {
        this.fullHeight = val;
        this.timer = true;
        let that = this;
        setTimeout(function () {
          //防止过度调用监测事件，导致卡顿
          that.timer = false;
        }, 400);
      }
    },
  },
  //方法集合
  methods: {
    //动态获取浏览器高度
    get_boderHeight() {
      const that = this;
      window.onresize = () => {
        return (() => {
          window.fullHeight = document.documentElement.clientHeight;
          that.fullHeight = window.fullHeight;
        })();
      };
    },

    // 返回home页面
    FanHui() {
      let _this = this;
      _this.$router.replace("/aboutUs");
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang='scss'>
@import "../../assets/scss/bus.scss";

.helpWx_box {
  // background: #d5d8d1;
  background: #474747;
}

// 头部
.helpWx_box .helpWx_head {
  display: flex;
  justify-content: space-between;
  margin-bottom: .6rem;
  background: -webkit-linear-gradient(right, #0dc6b6, #0cd3aa, #1dd69c);
  height: 1.2rem;
}

// 返回图标
.helpWx_box .helpWx_head_returnA {
  padding: .3rem 0 0 .5rem;
}

.helpWx_head_returnA_img {
  width: .5rem;
  height: .5rem;
}

// 标题
.helpWx_box .head_title {
  margin: .14rem 3.9rem 0 0;
}

.helpWx_box .head_title_text {
  font-size: 18px;
  line-height: .9rem;
  font-weight: 500;
  margin: 0 auto;
  color: #fff;
}

//线
// .helpWx_segment {
//   width: 100%;
//   border-bottom: 1px solid rgb(190, 187, 187);
// }

//二维码
.code_box {
  margin-top: 2rem;
}

.code_box_img {
  margin: 0 auto;
  width: 65%;
}

//文字
.helpWx_txt_box {
  width: 100%;
  height: 1.5rem;
  margin: 2rem 0 0 0;
  background: #474747;
}
.helpWx_txt {
  line-height: 1.5rem;
  font: bold 25px Brush Script MT;
  color: #222;
  text-shadow: 0px 2px 3px #666;
}
</style>