BhtContact

文档版本：1.0.0

描述

联系浮窗组件，用于展示电话、QQ、微信、公众号和邮箱等联系方式。

效果

示例

<bht-contact></bht-contact>

代码

<bht-contact :ref="item.id" :item="item"></bht-contact>

或者

<BhtContact :ref="item.id" :item="item"></BhtContact>

参数

参数	类型	必填	默认值	说明
item	Object	否	-	组件配置信息。

配置项

item.config.data 支持的常用字段如下：

key	名称	类型	默认值	说明
homeUrl	首页地址	string	/	请输入首页地址
showContactPhone	显示联系电话	string	true	请输入是否联系电话
contactPhone	联系电话	string	-	请输入联系电话或者图片地址
showContactQQ	显示QQ	string	true	请输入是否显示QQ
contactQQ	联系QQ	string	-	请输入联系QQ或者图片地址
showContactWebChart	显示微信	string	true	请输入是否显示微信
contactWebChart	联系微信	string	-	请输入联系微信或者图片地址
showOfficialAccount	显示公众号	string	true	请选择是否显示公众号
officialAccount	公众号	string	-	请输入公众号或者图片地址
showContactEmail	显示邮箱	string	true	请选择是否显示邮箱
contactEmail	联系邮箱	string	-	请输入联系邮箱或者图片地址

引入

import { BhtContact } from '@behappyto/cms-ui-vue3'