uniuapp——uniapp 中 u-action-sheet 实现打电话且有二次确认弹框

当前环境：uniapp + uview 1.8.8
效果：

<template>
  <view>
    <view @click="showPhone">点我打电话</view>
    <!--  打电话弹框-->
    <u-action-sheet
      @click="handlerCall"
      @close="phoneShow = false"
      cancel-text="取消"
      :list="phoneList"
      v-model="phoneShow"
    ></u-action-sheet>
  </view>
</template>
<script>
export default {
  data() {
    return {
      phoneNumber: "18888888888",
      // 电话弹框-列表
      phoneList: [
        {
          text: "",
        },
      ],
      // 是否显示打电话弹框
      phoneShow: false,
    };
  },
  methods: {
    // 展示打电话弹框
    showPhone() {
      this.phoneList[0].text = `呼叫${this.phoneNumber}`;
    },
    // 打电话
    handlerCall(phoneNumber) {
      uni.makePhoneCall({
        // 手机号
        phoneNumber: phoneNumber,
        // 成功回调
        success: (res) => {
          console.log("调用成功!");
        },
        // 失败回调
        fail: (res) => {
          console.log("调用失败!");
          // this.call_phone();//重复调用一次
        },
      });
    },
  },
};
</script>
<style lang="scss" scoped></style>