diamond-balance钻石充值与余额组件
收藏我的收藏
收藏基础库 3.51.0 开始支持本组件
钻石余额充值组件
| 前提条件 | 无 |
| 业务背景 | 开发者可将此组件引入用于展示用户钻石余额信息和完成钻石充值流程。 |
| 使用限制 | 仅支持ios系统，抖音版本32.4.0以上 |
| 注意事项 | 仅在行业 SDK 上才支持，需要在代码中配置行业 SDK 的权限：行业 SDK 的权限配置，使用前必须通过 tt.canIUse 来校验当前客户端能否使用。 |
| 相关教程 | 无 |
属性说明
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| bind:success | function | 否 | 用户钻石余额充值成功回调 | 3.51.0 | |
| bind:error | function | 否 | 组件传入属性异常、组件内部发生异常时触发 | 3.51.0 | |
| custom-style | object | 否 | 自定义样式 | 3.51.0 |
custom-style 类型说明
object 类型，属性如下：
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| fontSize | string | 否 | 组件文字大小 | 3.51.0 | |
| fontColor | string | 否 | 组件文字颜色 | 3.51.0 | |
| logoWidth | string | 否 | 抖音钻石图标宽度 | 3.51.0 | |
| logoHeight | string | 否 | 抖音钻石图标高度 | 3.51.0 | |
| arrowWidth | string | 否 | 箭头宽度 | 3.51.0 | |
| arrowHeight | string | 否 | 箭头高度 | 3.51.0 |
错误码
| errorCode | errMsg | errorType | 说明 | 最低支持版本 |
|---|---|---|---|---|
| 174750 | Fail to get user balance info | I | 获取用户余额信息失败 | 3.51.0 |
| 174703 | Only support ios | D | 仅支持ios客户端使用 | 3.51.0 |
| 174750 | User is not login | U | 用户未登录 | 3.51.0 |
扫码体验
请使用字节宿主APP扫码
代码示例
ttml 引入组件，使用 tt.canIUse('diamond-balance') 判断是否支持组件。
<diamond-balance bind:error="handleError" bind:success="handleSuccess" />
实现 bind:success 回调
// bind:success 使用示例 handleSuccess() { // 用户充值成功提示 tt.showToast({ title: '充值成功', }); }
实现 bind:error 回调。
// bind:error 使用示例 handleError(event){ const { errNo, errMsg } = event.detail console.log('errNo', errNo) // errNo（错误码，对应某种具体报错原因） console.log('errMsg', errMsg) // errMsg（报错信息） }
