基础库 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扫码

代码示例

页面 index.json 中引入组件

{
  "usingComponents": {
    "diamond-balance": "ext://industry/diamond-balance"
  }
}

ttml 引入组件，使用 tt.canIUse('diamond-balance') 判断是否支持组件。

<diamond-balance bind:error="handleError" bind:success="handleSuccess" />

index.js中实现 bind:success 回调

// bind:success 使用示例 
handleSuccess() {
  // 用户充值成功提示
  tt.showToast({
    title: '充值成功',
  });
}

index.js中实现 bind:error 回调

// bind:error 使用示例 
handleError(event){
    const { errNo, errMsg } = event.detail
    console.log('errNo', errNo) // errNo（错误码，对应某种具体报错原因）
    console.log('errMsg', errMsg) // errMsg（报错信息）
}

开发者文档

diamond-balance钻石充值与余额组件
收藏
我的收藏

属性说明

custom-style 类型说明

错误码

扫码体验

代码示例

diamond-balance钻石充值与余额组件收藏我的收藏

属性说明

custom-style 类型说明

错误码

扫码体验

代码示例

diamond-balance钻石充值与余额组件
收藏
我的收藏