open-data 开放数据
收藏
我的收藏

基础库 2.30.0 开始支持本组件，低版本需做兼容处理。

用于展示字节生态开放数据。

属性说明

属性名	类型	默认值	必填	说明	最低支持版本
type	string		是	开放数据类型	2.30.0
default-text	string		否	文本数据为空时的默认内容	2.30.0
default-avatar	string		否	用户头像为空时的默认图片，支持相对路径和网络图片路径	2.30.0
use-empty-value	string	false	否	当数据为空且未设置默认值时，是否显示官方默认值	2.30.0
binderror	EventHandle		否	出现错误时触发	2.30.0

type 的合法值

值	说明	最低支持版本
userNickName	用户昵称	2.30.0
userAvatarUrl	用户头像，默认尺寸 64px * 64px	2.30.0
userGender	用户性别	2.30.0
userCity	用户所在城市	2.30.0
userProvince	用户所在省份	2.30.0
userCountry	用户所在国家	2.30.0

官方默认值

type 值	官方默认值	最低支持版本
userNickName	"用户"	2.30.0
userAvatarUrl		2.30.0
userGender	"未知"	2.30.0
userCity	"未知"	2.30.0
userProvince	"未知"	2.30.0
userCountry	"未知"	2.30.0

userAvatarUrl 的官方默认值请试用体验。

binderror 事件对象的 detail

object 类型，属性如下：

属性名	类型	说明	最低支持版本
errMsg	string	错误描述	2.30.0
errNo	number	错误码	2.30.0

错误说明

errNo	errMsg	说明	最低支持版本
10103	"network unavailable"	网络错误	2.30.0
10103	"fail to load image"	加载图片失败	2.30.0
10301	"feature is not supported in app"	宿主不支持相关功能	2.30.0
10401	"internal error"	内部错误	2.30.0
10601	"not login"	宿主未登录	2.30.0
10603	"invalid session"	宿主登录，小程序未登录	2.30.0
20001	"type is required"	type 要求必传	2.30.0
20001	"type "${type}" is invalid"	type 值无效	2.30.0
21507	"${type} is empty"	开放数据为空	2.30.0

扫码体验

代码示例

开发者工具中预览

html复制
<view>
  <button type="default" size="default" bindtap="login">login</button>
  <open-data type="userAvatarUrl" use-empty-value binderror="handleError" />
  <open-data type="userNickName" default-text="empty" binderror="handleError" />
</view>

js复制
Page({
  login() {
    tt.login({
      success() {
        tt.showToast({
          title: "登录成功",
          icon: "success",
        });
      },
      fail() {
        tt.showToast({
          title: "登录失败",
          icon: "fail",
        });
      },
    });
  },

  handleError(e) {
    console.log(`${e.detail.errNo}: ${e.detail.errMsg}`);
  },
});