#

whycq

2024-01-17 01d453a6d5a751a78eab5f56ad0f35a0a2ebf281

 components/z-input/z-input.vue

@@ -7,7 +7,7 @@
               type="text" 
               :placeholder="placeholder" 
               v-model="data" 
               :focus="focusData">
               :focus="focusData" @input="inputVal">
               
            <uni-icons class="p-icon" 
               type="closeempty" 
@@ -34,7 +34,15 @@
         };
      },
      props: {
         index: {
            type: Number,
            default: 0
         },
         desc: {
            type: String,
            default: ''
         },
         name: {
            type: String,
            default: ''
         },
@@ -48,7 +56,7 @@
         },
         placeholder: {
            type: String,
            default: '请输入'
            default: '扫码 / 录入'
         },
         value: {
            type: [String,Number],
@@ -78,8 +86,10 @@
               this.$emit('input',val)
            }
         },
         value(val) {
            this.data = val
         },
         focus(f) {
            console.log(f);
            this.focusData = !f
            setTimeout(()=>{
               this.focusData = f
@@ -96,6 +106,9 @@
         },
         clickBtn() {
            this.$emit('clickBtn');
         },
         inputVal() {
            this.$emit('inputVal',[this.data,this.name]);
         }
      }
   }
@@ -106,8 +119,8 @@
      display: flex;
      align-items: center;
      min-height: 35px;
      background-color: #FFF;
      /* border-bottom: 1px solid darkgray; */
      background-color: #f8f8f8;
      margin: 8px;
   }
   .put {
      display: flex;
@@ -115,14 +128,14 @@
   }
   
   .inner1 {
      width: 65px;
      width: 55px;
      padding-left: 8px;
      color: #606164;
      font-weight: 900;
      font-family:'Helvetica Neue';
   }
   .inner2 {
      background-color: #f1f3f4;
      background-color: #FFF;
      flex: 1;
      display: flex;
      align-items: center;
@@ -132,7 +145,7 @@
   }
   .p-input {
      flex:1;
      padding-left: 8px;
      padding: 4px;
   }
   .p-icon {
      margin-left: 8px;