#

whycq

2023-10-07 2f4ecca95c56d3d30402e480e9d97368a5254cbf

 components/z-input/z-input.vue

@@ -3,9 +3,18 @@
      <view class="main">
         <view class="inner1">{{desc}}</view>
         <view class="put inner2">
            <input class="p-input" type="text" :placeholder="placeholder" v-model="data" :focus="focusData">
            <uni-icons class="p-icon" type="closeempty" size="16" color="#707070" 
               v-show="data.length" @click="clear">
            <input class="p-input" 
               type="text" 
               :placeholder="placeholder" 
               v-model="data" 
               :focus="focusData">
					
            <uni-icons class="p-icon" 
               type="closeempty" 
               size="16" 
               color="#b9b9b9" 
               v-show="data.length" 
               @click="clear">
            </uni-icons>
         </view>
         <view class="inner3" v-show="btn">
@@ -96,7 +105,7 @@
   .main {
      display: flex;
      align-items: center;
      min-height: 70rpx;
      min-height: 35px;
      background-color: #FFF;
      /* border-bottom: 1px solid darkgray; */
   }
@@ -106,17 +115,20 @@
   }
   
   .inner1 {
      width: 120rpx;
      width: 65px;
      padding-left: 8px;
      font-weight: 700;
      color: #606164;
      font-weight: 900;
      font-family:'Helvetica Neue';
   }
   .inner2 {
      background-color: aliceblue;
      background-color: #f1f3f4;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      color: #606266;
   }
   .p-input {
      flex:1;
@@ -127,7 +139,7 @@
      margin-right: 8px;
   }
   .inner3 {
      width: 200rpx;
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: center;