<template>
  <view class="jx-input">
    <view class="left">
      <slot name="left"></slot>
    </view>
    <slot name="middle"></slot>
    <view class="left">
      <slot name="right"></slot>
    </view>
  </view>
</template>
  
  <script lang="ts" setup>
</script>
  
  <style lang="scss" scoped>
.jx-input {
  display: flex;
  align-items: center;
  width: 100%;

  .left,
  .right {
    padding: 10rpx 20rpx 10rpx 20rpx;
  }
}
</style>