#

whycq

2022-09-23 b4e37c07106983e6b9ec7c13d09628c5bdd2c454

 components/y-input/y-input.vue

@@ -5,9 +5,14 @@
            <y-title :title="titleText"/>
         </view>
         <view :class="zBig">
            <input type="text" :placeholder="placeholderText" @input="input"
             placeholder-style="font-size:22rpx" v-model="val">
             <slot />
            <view style="display: flex;" class="input">
               <input type="text" :placeholder="placeholderText" @input="input"
                placeholder-style="font-size:22rpx" v-model="val">
                <view class="icons">
                   <uni-icons type="close"></uni-icons>
                </view>
					
            </view>
         </view>
      </view>
   </view>
@@ -59,7 +64,7 @@
               backgroundColor: '#cccddd'
               
            },
            zBig: 'small',
            zBig: 'big',
            pps: {
               fontSize: '24rpx',
            }
@@ -82,10 +87,9 @@
      border-radius: 5rpx;
      box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);
   }
   input{
   .input{
      width: 96%;
      height: 45rpx;
      line-height: 50rpx;
      height: 100%;
      margin-left: 2%;
      margin-right: 1%;
      border-radius: 5rpx;
@@ -96,6 +100,23 @@
      text-indent: 8rpx;
      /* letter-spacing: 1rpx; */
   }
   input{
      width: 96%;
      height: 45rpx;
      line-height: 50rpx;
      margin-left: 2%;
      margin-right: 1%;
      border-radius: 5rpx;
      color: #606266;
      /* border: 1px solid #EBEDF0; */
      /* background-color: #FAFAFA; */
      font-size: 28rpx;
      text-indent: 8rpx;
      /* letter-spacing: 1rpx; */
   }
   .icons {
      margin-right: 2% ;
   }
   .big {
      height: 80rpx;
      line-height: 80rpx;