更新记录

1.0.0（2025-07-16） 下载此版本

新增组件

平台兼容性

云端兼容性

uni-app(4.06)

hbxw-phone拨打电话组件

一个懒人使用的用于一键拨打电话的通用组件，兼容 Vue2/Vue3。

属性（Props）

事件（Events）

基本用法

<template>
  <hbxw-phone phone="***">
    <button type="primary">拨打 ***</button>
  </hbxw-phone>
</template>

监听事件

<template>
  <hbxw-phone phone="4008001234" @success="handleSuccess" @fail="handleFail">
    <view>拨打 400-800-1234</view>
  </hbxw-phone>
</template>

<script>
export default {
  methods: {
    handleSuccess(phone) {
      console.log(`拨打${phone}成功`)
    },
    handleFail(phone) {
      console.log(`拨打${phone}失败`)
    }
  }
}
</script>

说明

• 组件会自动调用 uni.makePhoneCall 实现拨号。
• 你可以自定义插槽内容，如按钮、文本等。
• 兼容 Vue2 和 Vue3。
• 包体积显示有些大，是因为有演示动图，实际打包的到项目中的代码是很小的