feat(api): 新增多个API接口并优化配置

石广澎

2025-11-17 8771da2ccf6f7c3fd2a8c89a1a0e230c6386db7f

 components/key-bord/key-bord.vue

@@ -1,19 +1,20 @@
<template>
  <view class="box">
    <view class="u-text-right u-font-30 color-666 u-p-h-20 u-p-t-10" @click="close">关闭</view>
    <view class="u-p-10 u-flex u-row-between">
   <view>
      <view class="u-text-right u-font-30 color-666 u-p-20" @click="close">关闭</view>
      <view class="u-p-10 bord-box u-flex u-row-between">
      <view class="u-flex u-flex-wrap">
        <view v-for="(num,index) in numList" :key="index" class="num-item" hover-class="num-hover" @click="inputStr(num)">{{num}}</view>
            <view v-for="(num,index) in numList" :key="index" class="num-item" hover-class="num-hover"
               @click="inputStr(num)">{{num}}</view>
      </view>
      <view class="flex-1 u-flex-col">
        <view hover-class="num-hover" class="del-item u-flex u-row-center" @click="delStr">
          <image src="@/static/del-icon.png" class="del-btn"></image>
               <image src="@/static/imgs/del-icon.png" class="del-btn"></image>
        </view>
        <view hover-class="num-hover" class="flex-1 pay-btn u-font-30 color-fff font-bold" @click="pay">付款</view>
            <view hover-class="num-hover" class="flex-1 pay-btn u-font-30 color-fff font-bold" @click="pay">付款
      </view>
    </view>
  </view>

   </view>
</template>

<script>
@@ -48,10 +49,6 @@
          //小数点后面最多两位
          return;
        }
        if (this.emitNum == '0.0' && num == '0') {
          //小数点后面最多两位
          return;
        }
      } else if (num == '0' && this.emitNum == '0') {
        // 首位的0最多1个
        return;
@@ -61,9 +58,9 @@
          return;
        }
      }
      if (this.emitNum == '' && num == '.') {
            if (num == '.' && this.emitNum == '') {
        this.emitNum = '0.';
      } else if (this.emitNum == '0' && num != '.') {
            } else if (num != '.' && this.emitNum == '0') {
        this.emitNum = num;
      } else {
        this.emitNum += num;
@@ -87,20 +84,17 @@
}
</script>

<style lang="scss" scoped>
.box {
<style lang="scss">
   .bord-box {
  background-color: #F5F5F5;
  transition: all 0.3s;
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}

.num-item {
  width: 175rpx;
  height: 90rpx;
  line-height: 90rpx;
      height: 80rpx;
      line-height: 80rpx;
  color: #333333;
  font-size: 36rpx;
      font-size: 32rpx;
  font-weight: bold;
  text-align: center;
  margin: 0 10rpx 10rpx 0;
@@ -123,16 +117,14 @@
  background-color: #D45159;
  border-radius: 16rpx;
  text-align: center;
  height: 290rpx;
  line-height: 290rpx;
      height: 270rpx;
      line-height: 270rpx;
  vertical-align: middle;
  color: white;
  margin-bottom: 10rpx;
}

.del-item {
  width: 175rpx;
  height: 90rpx;
      height: 80rpx;
  margin-bottom: 10rpx;
  background-color: #FFFFFF;
}