<view class='main {{isFocus?"main-focus":""}} main-class'>
  <view wx:if='{{title}}' class='head title-class'>{{title}}</view>
  <!-- <view wx:if='{{title}}' class='head head-cover'>{{title}}</view> -->
  <!-- <view class='body'> -->
  <slot name='before'></slot>
  <input type="{{type}}" disabled='{{disabled}}' value='{{inValue}}' maxlength='{{maxlength}}' class='input text-class' bindinput='handleInput' bindfocus='hindleFocus' bindblur='handleBlur'></input>
  <view wx:if='{{placeholder}}' class='input-holder {{(isFocus || inValue) ? effect ? "input-holder-focus":"input-holder-focus-normal":"" }} holder-class'>{{placeholder}}</view>
  <image wx:if='{{icon}}' lazy-load='true' src='{{icon}}' mode='scaleToFill' class='icon icon-class'></image>
  <slot wx:else name='after'></slot>
  <!-- </view> -->
</view>