developer.vue

<template>
  <div class="app-container">
    <img
      src="http://gtms01.alicdn.com/tps/i1/TB1rGYSGFXXXXawXXXXDcMi7VXX-1440-336.png"
    />
    <div class="service-group">
      <p>开发者实名认证</p>
      <p>上传新应用</p>
      <p>认领新应用</p>
      <p>我的应用</p>
      <p>申请推广</p>
    </div>

    <p style="text-align: center;color: red;">开发者中心尚未完善，敬请期待！！！</p>

    <div class="help-group">
      <dl class="service">
        <dt>管理应用<s></s></dt>
        <dd>我的应用</dd>
        <dd>上传新应用</dd>
        <dd>认领应用</dd>
      </dl>

      <dl class="service">
        <dt>开发者身份管理<s></s></dt>
        <dd>开发者实名认证</dd>
        <dd>查看开发者身份</dd>
        <dd>更换认证支付宝账号</dd>
        <dd>修改联系人信息</dd>
      </dl>

      <dl class="service">
        <dt>推广<s></s></dt>
        <dd>申请推广</dd>
        <dd>应用推广</dd>
        <dd>礼包权益</dd>
      </dl>

      <dl class="service">
        <dt>我的账户<s></s></dt>
        <dd>我的充值记录</dd>
        <dd>我的收益</dd>
        <dd>开发票</dd>
      </dl>
    </div>

    <div class="help-group">
      <dl class="service">
        <dt>EVM服务<s></s></dt>
        <dd>云手机助手</dd>
        <dd>云空间</dd>
        <dd>主题中心</dd>
        <dd>应用中心</dd>
      </dl>

      <dl class="service">
        <dt>EVM版本<s></s></dt>
        <dd>
          <a target="_blank" href="http://www.yunos.com/yunos30.html"
            >EVM 3.0</a
          >
        </dd>
      </dl>

      <dl class="service">
        <dt class="touchable">帮助中心</dt>
        <dd><a target="_blank" href="#help/help">帮助中心首页</a></dd>
        <dd><a target="_blank" href="#help/agreement">平台协议</a></dd>
        <dd><a target="_blank" href="#help/document">开发者文档</a></dd>
        <dd><a target="_blank" href="#help/qa">Q&A</a></dd>
      </dl>

      <dl class="service">
        <dt>关注EVM<s></s></dt>
        <dd>
          <a
            class="g-lw-entry"
            href="javascript:void(0);"
            style="padding: 0; border: none"
            >微信公众号</a
          >
        </dd>
        <dd>
          <img
            width="120"
            height="120"
            title="扫描二维码关注 EVM 官方公众号"
            alt="EVM微信公众号"
            src="../../assets/images/evm-mp.jpg"
          />
        </dd>
      </dl>
    </div>
  </div>
</template>
<script>
export default {
  name: "Developer",
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss">
div.app-container {
  & > img {
    width: 100%;
    height: auto;
  }
  & > div.service-group {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    & > p {
      text-align: center;
    }
  }
  & > div.help-group {
    margin: 50px 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    & > dl.service {
      & > dt {
        margin: 10px 0px;
      }
      & > dd {
        color: grey;
        font-size: 14px;
      }
    }
  }
}
</style>