<template>
  <!-- 加入/创建团队 -->
  <div class="team-frame">
    <main-page
      main-bg="bg-white"
      header-bg="bg-white"
      left-arrow
      @click-left="$router.go(-1)"
    >
      <div class="px-4 pt-14 pb-4">
        <!-- banner -->
        <div class="flex items-center justify-center">
          <img class="w-full" src="@/assets/images/team.png">
        </div>
        <card
          class="mt-11"
          content="如果你的团队或企业已经在使用Chat33 Pro，可通过搜索团队号或二维码加入团队，与成员一起沟通协作，高效作业。"
          @click="$router.push('/team/choose-join')"
        >
          <div slot="title" class="font-semibold">
            <span class=" text-tag-yellow">加入</span>团队
          </div>
        </card>
        <card
          class="mt-5"
          content="通过创建团队，你将直接称为团队或企业负责人，可添加成员，让整个团队一起享受高效的去中心化沟通协作吧。"
        >
          <div slot="title" class="font-semibold">
            <span class=" text-tag-red">创建</span>团队
          </div>
        </card>
      </div>
    </main-page>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'

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

<style lang="less">

</style>
