<!--mycomponent/payKeyboard/numberKeyboard/numberKeyboard.wxml-->
<van-transition name="fade-up" show="{{show}}">
  <view class="number-keyboard {{(title!='' || (closeButtonText!='' && theme=='default')) ? 'number-keyboard--with-title' : ''}}">
    <view class="number-keyboard__heade" wx:if="{{title!='' || (closeButtonText!='' && theme=='default')}}">
      <view class="number-keyboard__title" wx:if="{{title!=''}}">{{title}}</view>
      <view class="number-keyboard__close" bindtap="handHiddenKeyboard" wx:if="{{closeButtonText!='' && theme=='default'}}">{{closeButtonText}}</view>
    </view>
    <view class="number-keyboard__body">
      <view class="number-keyboard__keys">
        <view class="key__wrapper {{(item.value==0 && theme=='custom') ? 'key__wrapper--wider' : ''}}" wx:for="{{passKeyArr}}">
          <button class="btn-key" hover-class="btn-key-hover" data-value="{{item.value}}" data-type="{{item.type}}" catchtap="handClickPass">
            <block wx:if="{{item.type=='number'}}">{{item.value}}</block>
            <block wx:if="{{item.type=='deleteBtn'}}"><icon style="font-size:40rpx;" class="iconfont {{item.value}}"></icon></block>
            <block wx:if="{{item.type=='hidden'}}"><icon style="font-size:40rpx;" class="iconfont {{item.value}}"></icon></block>
          </button>
        </view>
        
      </view>
      <view class="number-keyboard__sidebar" wx:if="{{theme=='custom'}}">
          <view class="key__wrapper close-btn-class" data-value="icon-fontclass-guan" data-type="deleteBtn" catchtap="handClickPass">
            <button class="btn-key btn-key--large" hover-class="btn-key-hover"><icon style="font-size:40rpx;" class="iconfont icon-fontclass-guanbi"></icon></button>
          </view>
          <view class="key__wrapper complate-class" catchtap="handHiddenKeyboard">
            <button class="btn-key btn-key--large key--blue complate-text-class" hover-class="btn-key-hover">{{closeButtonText}}</button>
          </view>
        </view>
    </view>
  </view>

</van-transition>


