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

      <!-- 标题 -->
      <div class="head_title">
        <span class="head_title_text">关于我们</span>
      </div>
    </div>
    <!-- <div class="share_head">
      <div class="share_head_returnA" @click="FanHui()">
        <img
          src="../../assets/image/left.png"
          alt
          class="share_head_returnA_img"
        />
      </div>

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

    <!-- 线 -->
    <!-- <div class="share_segment"></div> -->
    <!-- 线 -->

    <div class="helpTxt_box-biaotiBox">
      <!-- 标题 -->
      <img
        src="../../assets/image/log.png"
        style="margin: 0 auto; width: 70%"
        alt=""
        class=""
      />

      <!-- 文字 -->
      <div class="helpTxt_box-biaotiBox-txt">
        河南云飞科技发展有限公司坐落于中原名城---河南省郑州市，成立于2007年，是一家致力于农业信息化建设解决方案供应商和农业信息综合服务运营商，目前已构建起涵盖农业、林业、畜牧、气象、食品安全检测、农产品质量追溯、植物生理、土壤检测等领域的先进农业信息化产品体系及农业物联网标准解决方案，是集技术研发、生产销售、实施应用于一体的企业。
      </div>

      <div class="helpTxt_box-biaotiBox-txt">
        河南云飞科技发展有限公司已通过IS09001：2008质量管理体系认证、ISO14001：2004环境管理体系认证和OHSAS18001：2007职业健康安全管理体系认证，河南省科技型中小型企业证书、软件企业证书等，并始终坚持以“质量第一、诚信至上、服务为本”的经营理念，为客户提供全程方案咨询、产品选型、专业采购、专业培训、售后服务等“一站式”服务。
      </div>

      <div class="helpTxt_box-biaotiBox-txt">
        经过十年耕耘，河南云飞科技发展有限公司现已成为国内农业信息化行业领军企业之一。公司拥有专业的软件产品设计和开发团队，专注于具有自主核心技术和知识产权的软件产品。成立至今，公司构建了农业领域面向土壤、农业气象、植物生理、畜牧等农业生态和食品领域农业仪器装备及农业全程信息化体系建设，成为涵盖农业、林业、气象、农产品检测的“大农业”全领域信息化仪器解决方案提供商。
      </div>

      <div class="helpTxt_box-biaotiBox-txt">
        河南云飞科技发展有限公司针对政府、涉农企业及新经营主体以及农民，综合运用互联网、农业物联网、农业云计算与大数据、移动互联网等核心技术，开展农业信息化建设、农业信息服务、涉农电子商务、休闲农业综合服务等业务。倾力打造、推进了“互联网+农业”整体解决方案、新农村电子商务平台、魅力城乡休闲农业公共服务平台、农村综合服务体系建设等业务。通过集成现代服务，使近百万农民尽享现代文明成果。
      </div>

      <div class="helpTxt_box-biaotiBox-txt">
        在致力于推动现代农业信息化的道路上，河南云飞科技发展有限公司将精益求精提升产品性能助推我国现代农业信息化产业发展，为中国未来的“智慧农业”作出贡献！
      </div>
    </div>

    <!-- <div class="share_txt_box">
      <span class="share_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";
//@import url(); 引入公共css类
</style>

<style lang="scss">
.helpTxt_box {
  // background: #d5d8d1;
  //   background: #474747;
}

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

// 返回图标
.helpTxt_box .helpTxt_head_returnA {
  padding: .3rem 0 0 .5rem;
}

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

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

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


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

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

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

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

// 标题
.helpTxt_box-biaotiBox {
  width: 90%;
  margin: 0.5rem auto;
}
.helpTxt_box-biaotiBox-txt {
  text-indent: 2em;
  letter-spacing: 2px;
  margin: 0.25rem 0 0 0;
  text-align: left;
}
</style>