<template>
  <!-- 搜索加入团队 -->
  <div class="team-frame">
    <main-page
      left-arrow
      @click-left="$router.go(-1)"
    >
      <app-icon
        slot="right"
        icon-name="scan"
      />
      <div class="px-4 pt-16 pb-4">
        <div class="font-semibold">
          <span class="text-tag-yellow">输入</span>团队码或团队名称
        </div>
        <div class="info text-text-secondary text-sm my-3.5">
          可通过团队负责人或管理员获得团队码、团队名称或用手机客户端扫描团队二维码。
        </div>
        <input-cell
          v-model="name"
          placeholder="输入团队码或团队名称"
          class="border"
        />
      </div>
      <div class="fixed w-full px-4 py-1.5 bottom-0 left-0">
        <c-button @click="$router.push('/team/join-team')">下一步</c-button>
      </div>
    </main-page>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'

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

<style lang="less">

</style>
