<template>
  <div class="createteam">
    <main-page
      left-arrow
      @click-left="handleClickLeft"
    >
      <!-- 二维码部分 -->
      <div class="pt-14">
        <div class="qrcode mt-2 mb-9 relative w-75 h-113.5 mx-auto">
          <p class=" text-white absolute top-24 text-base left-0 right-0 mx-auto text-center">这里是团队名称</p>
          <p class=" text-white absolute top-32 text-sm left-0 right-0 mx-auto text-center">团队号：ABCDE1234</p>
          <img ref="wrapper" src="@/assets/qrbackground.png" alt="" class="">
          <img src="@/assets/qrcode.png" alt="" srcset="" class=" absolute w-32 top-44 left-0 right-0 mx-auto ">
          <p class=" text-white absolute top-82 left-0 right-0 mx-auto text-center text-sm"> 扫描二维码加入我们Chat33的团队</p>
        </div>
        <div class="mx-4 pb-6">
          <c-button round class="">点击生成图片去分享</c-button>
          <c-button round type="secondary" class=" mt-3">进入团队工作台</c-button>
        </div>
      </div>

    </main-page>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'TeamQRcode',
  components: {
    'main-page': () => import('@/layout/main-page.vue'),
    'c-button': () => import('@/components/common/c-button.vue')
  },
  methods: {
    handleClickLeft() {
    // console.log('click left')
      this.$router.go(-1)
    }
  }
})
</script>

<style>

</style>
