<view wx:if="{{isShowPage || isErrPage}}">
  <!-- S 主体内容 -->
  <view wx:if="{{isShowPage && !isErrPage}}">
    <view class="fs-payment-component">
      <!-- S 支付页 -->
      <view wx:if="{{!isPaySucPage}}" class="m-container">
        <!-- S 门店名称 -->
        <view class="m-store-name-content dis-flex flex-horizontal-start flex-vertical-center">
          <view class="m-store-icon-bg  dis-flex flex-horizontal-center flex-vertical-center" style="background: {{themeColor}};"><view class="m-store-icon"></view></view>
          <view class="m-store-name">{{storeInfo.store_name}}</view>
        </view>
        <!-- E 门店名称 -->
  
        <!-- S 输入金额 -->
        <view class="m-input-money-box">
          <view class="m-input-money-content dis-flex flex-vertical-center" data-tap="inputMoney" bindtap="showKeyboard">
            <view class="m-input-money-icon">￥</view>
            <view class="m-input-money-hint">{{inputMoney}}</view>
            <view class="m-input-cursor" style="background: {{themeColor}};" wx:if="{{keyboardInfo.show}}"></view>
            <view class="m-input-placeholder" wx:if="{{inputMoney === ''}}">请输入金额</view>
            <view class="del-money" catchtap="clearMoney" wx:if="{{inputMoney !== ''}}">
              <image src="https://lifecircle-mina-pay-project.oss-cn-hangzhou.aliyuncs.com/xcxPay/money_delete.png" />
            </view>
          </view>
        </view>
        <!-- E 输入金额 -->
  
        <!-- S 提交按钮 -->
        <button
          bindtap="confirmPay"
          class="m-btn"
          style="background: {{themeColor}}; opacity: {{keyboardInfo.disabled ? 0.5 : 1}}; color: #fff;"
          hover-class="none" disabled="{{keyboardInfo.disabled}}"
        >确认支付</button>
        <!-- E 提交按钮 -->
      </view>
      <!-- E 支付页 -->
  
      <!-- S 支付结果信息 -->
      <view wx:if="{{isPaySucPage}}" class="m-pay-success">
        <view class="result border-bottom">
          <!-- S 支付图片 -->
          <view class="col">
            <image class="vip-icon" src="{{OSS_URL+'xcx_pay_wxPay_large.png'}}" mode="widthFix" />
          </view>
          <!-- E 支付图片 -->
          <view class="col success-text">
            <text>支付成功</text>
          </view>
          <!-- S 最终金额 -->
          <view class="col">
            <text class="icon">￥</text>
            <text class="final-money">{{paySucInfo.buyer_pay_amount}}</text>
          </view>
          <!-- E 最终金额 -->
  
          <!-- S 订单金额 -->
          <view class="col">
            <text class="row-left">订单金额</text>
            <text class="row-right">{{paySucInfo.total_amount}}元</text>
          </view>
          <!-- E 订单金额 -->
  
          <!-- S 优惠金额 -->
          <view class="col" wx:if="{{paySucInfo.discountAmount}}">
            <text class="row-left">优惠金额</text>
            <text class="row-right">{{paySucInfo.discountAmount}}元</text>
          </view>
          <!-- E 优惠金额 -->
  
          <!-- S 实际支付 -->
          <view class="col text-red">
            <text class="row-left">实际支付</text>
            <text class="row-right">{{paySucInfo.buyer_pay_amount}}元</text>
          </view>
          <!-- E 实际支付 -->
  
          <!-- S 商家信息 -->
          <view class="col">
            <text class="row-left">收款方</text>
            <text class="row-right">{{storeInfo.store_name}}</text>
          </view>
          <!-- E 商家信息 -->
  
          <!-- S 付款时间 -->
          <view class="col">
            <text class="row-left">付款时间</text>
            <text class="row-right">{{paySucInfo.finish_date_time}}</text>
          </view>
          <!-- E 付款时间 -->
  
          <!-- S 交易单号 -->
          <view class="col">
            <text class="row-left">交易单号</text>
            <text class="row-right">{{paySucInfo.order_sn}}</text>
          </view>
          <!-- E 交易单号 -->
        </view>
      </view>
      <!-- E 支付结果信息 -->
    </view>
  
    <!-- S 自定义键盘 -->
    <fs-money-keyboard
      show="{{keyboardInfo.show && !isPaySucPage}}"
      disabled="{{keyboardInfo.disabled}}"
      bind:click="clickKeyBoard"
      themeColor="{{themeColor}}"
      systemInfo="{{systemInfo}}"
    />
    <!-- E 自定义键盘 -->
  </view>
  <!-- E 主体内容 -->
  
  <!-- S 错误页面 -->
  <fs-error-page
    show="{{isErrPage}}"
    themeColor="{{themeColor}}"
    bind:click="handleErrPage"
  />
  <!-- E 错误页面 -->
  
  <!-- S 付呗loading -->
  <fs-pay-loading
    show="{{fbLoadData.show}}"
    message="{{fbLoadData.message}}"
  />
  <!-- E 付呗loading -->
</view>