<!-- 键盘组件 -->
<fs-popup
  show="{{show}}"
  overlay="{{false}}"
  custom-class="fs-number-keyboard"
  position="bottom"
>
  <!-- <view class="branding-tip">
    <text bindtap="onOpenBranding">
        <text>近百万商户正在使用</text>
        <text class="branding-tip-link">付呗</text>
    </text>
  </view> -->
  <view class="fs-key-wrapper dis-flex flex-horizontal-centers">
      <view class="flex-1">
          <view class="m-key-board-btn" data-key="1" bindtap="onClickKeyBoard">1</view>
          <view class="m-key-board-btn" data-key="4" bindtap="onClickKeyBoard">4</view>
          <view class="m-key-board-btn" data-key="7" bindtap="onClickKeyBoard">7</view>
          <view class="m-key-board-btn" data-key="." bindtap="onClickKeyBoard">.</view>
      </view>
      <view class="flex-1">
          <view class="m-key-board-btn" data-key="2" bindtap="onClickKeyBoard">2</view>
          <view class="m-key-board-btn" data-key="5" bindtap="onClickKeyBoard">5</view>
          <view class="m-key-board-btn" data-key="8" bindtap="onClickKeyBoard">8</view>
          <view class="m-key-board-btn" data-key="0" bindtap="onClickKeyBoard">0</view>
      </view>
      <view class="flex-1">
          <view class="m-key-board-btn" data-key="3" bindtap="onClickKeyBoard">3</view>
          <view class="m-key-board-btn" data-key="6" bindtap="onClickKeyBoard">6</view>
          <view class="m-key-board-btn" data-key="9" bindtap="onClickKeyBoard">9</view>
          <view class="m-key-board-btn dis-flex flex-1 flex-horizontal-center flex-vertical-center" data-key="down" bindtap="onClickKeyBoard">
              <view class="m-keyboard-hide-icon"></view>
          </view>
      </view>
      <view class="flex-1 dis-flex flex-column flex-horizontal-center flex-vertical-center">
          <view class="m-delete-btn m-key-board-btn dis-flex flex-horizontal-center flex-vertical-center" data-key="x" bindtap="onClickKeyBoard">
            <view class="m-delete-icon"></view>
          </view>
          <view
            class="m-confirm-btn dis-flex flex-1 flex-horizontal-center flex-vertical-center"
            data-key="ok"
            bindtap="onClickKeyBoard"
            style="background: {{themeColor}}; opacity: {{disabled ? 0.5 : 1}}; color: #fff;"
          >
              <view wx:if="{{type === 'payment'}}">
                  <view class="m-comfirm-title">确</view>
                  <view class="m-comfirm-title">认</view>
                  <view class="m-comfirm-title">支</view>
                  <view class="m-comfirm-title">付</view>
              </view>
              <view wx:if="{{type === 'receipt'}}">
                  <view class="m-comfirm-title">确</view>
                  <view class="m-comfirm-title">认</view>
              </view>
          </view>
      </view>
  </view>
  <!-- <view class="fs-key-iphone-x" wx:if="{{systemInfo.isIphoneX}}"></view> -->
</fs-popup>