<template>
  <h-view class="public-style about" title="联系我们">
    <h-header :proportion="[5,1,1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
        <span>联系我们</span>
      </div>
    </h-header>
    <h-content>
      <div class="contact-us">
        <p class="title">金融科技事业部</p>
        <div class="Address">
          <ul>
            <li>地址：武汉市洪山区现代光谷世贸中心</li>
            <li>邮编：430070</li>
            <li>网址：https://www.hand-china.com/</li>
          </ul>
        </div>
        <div class="RentCentral">
          <ul>
            <li>汉得金融科技核心条线集中交付中心</li>
            <li>监督举报</li>
            <li>电话：01234-567890</li>
          </ul>
        </div>
        <div class="Ercode">
          <ul>
            <!--<li><img src="@/assets/myInfo/xugongFinancial.jpg"></li>-->
            <li>演示demo<br>微信公众号</li>
          </ul>
          <ul>
            <!--<li><img src="@/assets/myInfo/xugongRent.jpg"></li>-->
            <li>演示demo<br>微信公众号</li>
          </ul>
        </div>
      </div>
    </h-content>
  </h-view>
</template>

<script>
export default {
  data () {
    return {
      currentVersion: process.env.currentVersion,
    }
  },
  methods: {

  },
}
</script>

<style lang="less">
 .contact-us {
     padding: 20px;
    .title {
        color: #1D3FFF;
        font-weight: 400;
        border-left: 5px solid #1D3FFF;
        text-indent: 20px;
    }
    .Address{
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #383F45;
        padding: 20px 0;
        ul {
            li {
                height: 20px;
            }
        }
    }
    .RentCentral {
        height: 200px;
        width: 100%;
        padding: 10px;
        font-family: PingFangSC-Regular;
        background: rgba(29,63,255,0.08);
        border-radius: 4px;
        font-size: 14px;
        color: #383F45;
        li {
            height: 30px;
            line-height: 30px;
        }
    }
    .Ercode{
        padding: 20px;
        display: flex;
        justify-content: space-around;
        ul {
            width: 40vw;
            li{
                width: 40vw;
                text-align: center;
                font-family: PingFangSC-Regulal;
                font-size: 13px;
                color: #383F45;
                line-height: 20px;
                img {
                    width: 40vw;
                    height: 40vw;
                }
            }
        }
    }
 }
</style>
