<template>
  <!-- 选择加入方式 -->
  <div class="team-frame">
    <main-page
      left-arrow
      @click-left="$router.go(-1)"
    >
      <div class="px-4 pt-14 pb-4">
        <div class="text-text-secondary text-sm my-3.5">可通过团队负责人或管理员获得团队码、团队名称或用手机客户端扫描团队二维码。</div>
        <c-cell dot @click="$router.push('/team/search-join')">
          <div slot="content">
            <span class=" text-tag-yellow">输入</span>团队码或团队名称
          </div>
        </c-cell>
        <c-cell dot class="mt-3.5">
          <div slot="content">
            <span class=" text-color-primary">扫描</span>团队二维码
          </div>
        </c-cell>
      </div>
    </main-page>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'ChooseJoinMethod',
  components: {
    'main-page': () => import('@/layout/main-page.vue'),
    'c-cell': () => import('@/components/common/c-cell.vue')
  },
  data() {
    return {}
  },
  created() {
    // console.log(Mock, 'mock')
  },
  methods: {
  }
})
</script>

<style lang="less">

</style>
