三、框架其他组件

如无特殊说明，组件用法和PC端一致，只不过底层换成了vant组件实现

1. z-hot 无线端热区组件 (移动端特有)

• 线上cms系统中创建热区页面，页面地址输入组件中即可渲染

• 自定义事件：用户点击热区name时，自动触发对应事件

• 自定义插槽：所有热区可以根据name自定义插槽实现自定义渲染

// 在html入口文件中配置CDN域名
var _cdn_ = 'https://ab.opapp.cn'

组件属性：

属性名	说明	类型	默认值
src	组件线上热区页面地址	String	-

组件事件：

属性名	说明	类型	参数
loaded	组件加载完成	Function	data

组件方法：

方法名	说明
show(name, params: object)	显示指定热区，params自定义参数
hide(name)	隐藏指定热区

页面路由中访问：

• 热区页面在前端项目里，可以直接访问，但页面上需要配置 cdn地址变量

2. z-csl 调试控制台 (移动端特有)

3 秒内点击 15 下开启调试控制台

组件属性：

属性名	说明	类型	默认值	枚举值
href	点击后跳转的地址	String	-	-

3. web tracker 页面访问埋点

• 埋点函数数据采集默认存储到火山云日志中

埋点存储初始化：

• 页面入口的地方，增加火山云日志埋点信息

// ProjectId：日志项目ID
// TopicId：日志主题ID
// params：自定义全局埋点参数，可以为空，一般可以设置租户ID，账户信息等
var webTK = { host: 'https://tls-cn-shanghai.volces.com/WebTracks?ProjectId=xxx&TopicId=xx', params: {} };

• 入口 js 中调用埋点初始化函数

$.tracker.init(webTK.host,webTK.params);

埋点事件说明：

属性名	说明	用途
enter	页面进入事件	统计访问 UV，PV
leave	页面离开事件	统计用户页面停留时长
click	自定义点击事件	业务埋点

自定义埋点示例：

$.tracker.click().put('参数1','value2').put('xx','xxx').send()