创建团队UI界面优化

src/views/team-create.vue

@@ -5,15 +5,22 @@
       @click-left="handleClickLeft"
     >
       <div class="mx-4 pt-14">
-        <teamcreate class=" mb-4 mt-2.5" >
-          <template v-slot:title>企业/组织/团队名称</template>
-          <template v-slot:limit>20</template>
-        </teamcreate>
-        <teamcreate class="" hint="请填写真实姓名">
-          <template v-slot:title>负责人真实姓名</template>
-          <template v-slot:limit>20</template>
-        </teamcreate>
-
+        <input-cell
+        v-model="team_name"
+        required
+        :limit="20"
+        label="企业/组织/团队名称"
+        placeholder="请输入团队名称"
+        error-msg="团队名称不能为空"
+      />
+        <input-cell
+        v-model="name"
+        required
+        :limit="20"
+        label="负责人真实姓名"
+        placeholder="请输入真实姓名"
+        error-msg="姓名不能为空"
+      />
         <p class="note text-text-primary text-base mt-36 ml-3">
         默认创建团队的人为团队负责人
         </p>
@@ -33,9 +40,15 @@ export default Vue.extend({
   name:'createteam',
   components:{
     'main-page': () => import('@/layout/main-page.vue'), 
-    'teamcreate': () => import('@/components/Team/c-input.vue'), 
+    'input-cell': () => import('./components/input-cell.vue'),
     'c-button': () => import('./components/c-button.vue')
   },
+  data(){
+    return{
+      team_name:'杭州复杂美科技有限公司',
+      name:''
+    }
+  },
   props:{
     isValid:{
       type:Boolean,