宝贝回家

公益寻亲信息展示组件 — 引入一行代码，为走失儿童点亮回家的路。

使用方式

引入 JS 文件

将 baobeihuijia-widget.js 放到你的项目目录，在页面中通过 script 标签引入。

配置参数（可选）

在引入 JS 之前设置 window.BBHJ_CONFIG，不设置则使用默认值。

自动展示

引入后页面右下角自动展示寻亲卡片，无需额外代码。

展示位置

引入代码

复制以下代码到 HTML 的 </body> 之前

// 配置（可选，不配置则默认右下角）
window.BBHJ_CONFIG = {
  position: 'bottom-right',   // 展示位置
  refreshInterval: 30000,      // 自动切换间隔（毫秒），0 不切换
};

// 引入 JS 即可自动展示
<script src="https://gy.fmcode.com.cn/baobeihuijia-widget.js"></script>

Content Security Policy 注意事项
如果你的网站设置了 CSP 策略，需要在 script-src 中加入以下域名：
script-src 'self' 'unsafe-inline' 'unsafe-eval' https://gy.fmcode.com.cn https://baobeihuijia.com;
否则浏览器会阻止外部 JS 加载，导致组件无法展示。

配置说明

参数	类型	默认值	说明
`position`	string	bottom-right	展示位置：bottom-right / bottom-left / top-right / top-left
`refreshInterval`	number	30000	自动切换间隔（毫秒），设为 0 则不自动切换

JavaScript API

方法	说明
`BaoBeiHuiJia.refresh()`	手动切换到下一条寻亲信息
`BaoBeiHuiJia.close()`	关闭卡片（显示迷你按钮）
`BaoBeiHuiJia.open()`	重新展开卡片
`BaoBeiHuiJia.getCurrent()`	获取当前展示的寻亲数据
`BaoBeiHuiJia.destroy()`	完全移除组件