输入框组件优化

src/components/Team/c-input.vue

@@ -6,8 +6,9 @@
             </span>
             <span class=" absolute right-0 leading-7">{{getSize}}/<slot name="limit"></slot></span>
         </div>
-        <div class="content h-12 text-base flex content-center">
-            <input class=" text-text-primary placeholder-mygray border-0 w-full" v-model="text" type="text" :placeholder="hint">
+        <div class="content h-13 my-3">
+            <input class=" text-text-primary text-base placeholder-mygray border-0 w-full leading-5" v-model="text" type="text" :placeholder="hint" @blur="isNull">
+            <p class="text-xs mt-1 text-red-600" v-show="show">*不可为空</p>
         </div>
     </div>
 </template>
@@ -27,9 +28,17 @@ export default Vue.extend({
   data(){
       return{
           text:'',
+          show:false
       }
   },
   methods:{
+      isNull():void{
+          if(this.text ===''){
+              this.show = true
+          }else{
+              this.show = false
+          }
+      }
   },
   computed:{
       getSize():number{
@@ -38,7 +47,7 @@ export default Vue.extend({
   },
   watch:{
       text():void{
-          let size:number = Number(this.$slots.limit![0].text)
+          let size = Number(this.$slots.limit![0].text)
           if(this.getSize >= size){
             this.text = this.text.substring(0,size)          
           }