<template>
  <div class="apply">
    <div class="banner">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item>
          <img src="/img/home-banner.png" style="width: 100%;" alt="">
        </van-swipe-item>
      </van-swipe>
    </div>

    <div class="condition">
      <span class="tit">
        代理商申请条件
      </span>

      <div class="conditbox">
        <div class="box box-align-center">
          <b>
            快速整合微传平台
          </b>
          <span class="r">
            01
          </span>
        </div>

        <p>
          凭借本地丰富资源，可快速将微传互动融入现有体系
        </p>
      </div>

      <div class="conditbox">
        <div class="box box-align-center">
          <b>
            看好微信前景
          </b>
          <span class="r">
            02
          </span>
        </div>

        <p>
          高度认同微信前景，赞同行业判断，愿携手把握机遇，共促生态发展
        </p>
      </div>

      <div class="conditbox">
        <div class="box box-align-center">
          <b>
            强团队，拓市场
          </b>
          <span class="r">
            03
          </span>
        </div>

        <p>
          团队配置完善，市场拓展力强，能高效推动增长并抢占市场
        </p>
      </div>
    </div>

    <div class="support-box">
      <div class="tit">
        <span>
          总部支持政策
        </span>

        <p @click="$navigate('Support')">
          查看更多
          <van-icon name="arrow"></van-icon>
        </p>
      </div>

      <div>
        <img src="/img/apply-support.png" alt="">
        <div class="fontbox">
          <b>
            需求直达，研发护航
          </b>
          <p>
            总部配备专业研发团队，优先响应代理需求，提供定制开发支持
          </p>
        </div>
      </div>
    </div>

    <div class="join">
      <span class="title">
        申请加盟
      </span>
      <form action="">
        <label for="number">
          手机号码
          <input type="text" id="number" placeholder="请输入您的手机号">
        </label>
        <label for="email">
          电子邮箱
          <input type="text" id="email" placeholder="请输入您的电子邮箱">
        </label>
        <label for="name">
          联系人姓名
          <input type="text" id="name" placeholder="请输入您的姓名">
        </label>
        <label for="company">
          公司名称
          <input type="text" id="company" placeholder="请输入您的公司名称">
        </label>
        <label for="industry">
          所属行业
          <input type="text" id="industry" placeholder="请输入您的所属行业">
        </label>
        <label for="city">
          所在城市
          <input type="text" id="city" placeholder="请输入您的所在城市">
        </label>
        <label for="message">
          留言
          <textarea id="message" placeholder="请输入您的留言"></textarea>
        </label>
        <button>马上提交</button>
      </form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Apply',
  methods: {
  }
}
</script>