添加虚拟卡时添加二次确认

zuoxiao

2025-01-08 69cf2b1ed059b8eed4740ba76d73bf4c195c1775

添加虚拟卡时添加二次确认

 pages/rechargeCard/rechargeCard.js

@@ -47,7 +47,8 @@
      "vcNum": "200030000000"
    }],
    showDialog: false,
    isWXRefreshing: false
    isWXRefreshing: false,
    isAddCardDialog:false
  },
  // 切换 Tabs
  switchTab: function (e) {
@@ -190,8 +191,24 @@
      showDialog: false
    })
  },



  //添加虚拟卡
  handleClick() {
    this.setData({
      isAddCardDialog: true
    })
  },
  cancelDialog(){
    this.setData({
      isAddCardDialog: false
    })
  },
  addCardPost(){
    this.setData({
      isAddCardDialog: false
    })
    wx.showLoading({
      title: '正在添加请稍候...', // 加载提示文字
      mask: true // 是否显示透明蒙层，防止触摸穿透，默认为 false

 pages/rechargeCard/rechargeCard.wxml

@@ -63,4 +63,5 @@
  </view>
  <t-fab icon="gesture-add" text="添加虚拟卡" bind:click="handleClick" bind:move="handleMove" aria-label="增加" usingCustomNavbar draggable y-bounds="{{[0, 32]}}"  style="--td-primary-color-7:#2D8BF7"></t-fab>
  <t-dialog visible="{{showDialog}}" content="您还有余额未使用，如需销卡，请先使用完或退款后才可操作。" confirm-btn="{{ confirmBtn }}" bind:confirm="closeDialog" />
  <t-dialog class="dialog" visible="{{isAddCardDialog}}" content="确认添加虚拟卡吗？" confirm-btn="{{ { content: '确认', variant: 'base', theme: 'danger' } }}" close-on-overlay-click="false" cancel-btn="取消" bind:confirm="addCardPost" bind:cancel="cancelDialog" />
</view>