<!--mycomponent/payKeyboard/payKeyboard.wxml-->

<van-overlay show="{{show}}" position="bottom" overlay="{{true}}" custom-style="z-index: 999;" bind:close="closePayKeyboard">
  <view style="display: flex; align-items: center; justify-content: center; height: 100%;">
    <van-transition name="fade-right" show="{{show}}">
      <view class="payKeyboardWrapper" wx:if="{{restrict == 'once'}}">
        <view class="payKeyboardTop">
          <view class="payKeyboard">
            <view class="header">
              <view class="title">请输入密码</view>
              <text class="iconfont icon-guanbi" bindtap="closePayKeyboard"></text>
            </view>
            <view class="input">
              <password-input bindtap="setNemberKeyboardShow" value="{{passValueArr}}"></password-input>
            </view>
            <view class="tips" bindtap="gotoBalance" wx:if="{{displaySetPass}}">忘记密码</view>
          </view>
        </view>
        <number-keyboard show="{{nemberKeyboardShow}}" title="安全键盘" bindinput="handkeyboardinput"></number-keyboard>
      </view>
      <view class="yz_payCode" wx:if="{{restrict == 'more'}}">
        <view class="payKeyboard">
          <view class="header">
            <view class="title">请输入密码</view>
            <icon class="iconfont icon-guanbi" catchtap="closePayKeyboard"></icon>
          </view>
          <view class="input">
            <van-cell-group>
              <van-field value="{{ passValueArr }}" bind:input="tapinp" center clearable label="密码" password="{{true}}"
                placeholder="请输入8至16位密码" border="{{ false }}" use-button-slot>
                <van-button slot="button" size="small" disabled="{{passValueArr.length < 8}}" type="primary" bind:click="submit">
                  确认
                </van-button>
              </van-field>
            </van-cell-group>
          </view>
          <view class="tips" catchtap="gotoBalance">忘记密码</view>
        </view>
      </view>

    </van-transition>
  </view>
</van-overlay>