<template>
  <!-- 团队名称 -->
  <main-page
    left-arrow
    @click-left="$router.go(-1)"
  >
    <div class="px-4 pt-14">
      <input-cell
        v-model="name"
        label="企业/组织/团队名称"
        :limit="20"
      />
    </div>
    <div class="fixed bottom-0 left-0 w-full px-4 py-2">
      <c-button round @click="$router.go(-1)">确定</c-button>
    </div>
  </main-page>
</template>

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

export default Vue.extend({
  name: 'TeamName',
  components: {
    // 'app-icon':()=>import('@/components/common/Icon.vue'),
    'main-page': () => import('@/layout/main-page.vue'),
    'input-cell': () => import('@/components/common/input-cell.vue'),
    'c-button': () => import('@/components/common/c-button.vue')
  },
  data() {
    return {
      name: '杭州复杂美科技有限公司'
    }
  },
  methods: {}
})
</script>

<style lang="less">

</style>
