1.点击唤起电话功能
const mobileShow='18888880000'
// 唤起电话功能
const handlerCall = (phone: string) => {
const url = `tel:${phone}`
window.location.href = url
}
渲染
<Button className="phone"
onClick={() => handlerCall(mobileShow)} />
2.点击唤起企微聊天窗口事件
功能:
const handlerEnterprise = () => {
wx.openEnterpriseChat({
// 注意:userIds和externalUserIds至少选填一个
userIds: paramsId.userId + '',
externalUserIds: externalUserId || '',
groupName: '', // 会话名称。单聊时传入空字符串
chatId: '', // 打开已有会话,需指定此参数。新建会话,chatId必须为空
success: function (res: { chatId: string }) {
//返回当前群聊ID,仅当使用agentConfig注入该接口权限时才返回chatId
var chatId = res.chatId
// 成功回调
},
fail: function (res) {
// 失败回调
},
})
}
渲染
引入antd-mobile组件库中的FloatingBubble
import { FloatingBubble } from 'antd-mobile'
<FloatingBubble
style={{
'--initial-position-bottom': '24px',
'--initial-position-right': '24px',
'--edge-distance': '24px',
}}
onClick={**handlerEnterprise**}
>
<Enterprise className="enterprise" />
</FloatingBubble>