GameClubButton wx.createGameClubButton(Object object)
基础库 2.0.3 开始支持,低版本需做兼容处理。
创建游戏圈按钮。游戏圈按钮被点击后会跳转到小游戏的游戏圈。更多关于游戏圈的信息见 游戏圈使用指南
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
type | string | 是 | 按钮的类型。 | |
text | string | 否 | 按钮上的文本,仅当 type 为 text 时有效 | |
image | string | 否 | 按钮的背景图片,仅当 type 为 image 时有效 | |
style | Object | 是 | 按钮的样式 | |
icon | string | 是 | 游戏圈按钮的图标,仅当 object.type 参数为 image 时有效。 |
type 的合法值
值 | 说明 | 最低版本 |
---|---|---|
text | 可以设置背景色和文本的按钮 | |
image | 只能设置背景贴图的按钮,背景贴图会直接拉伸到按钮的宽高 |
style 的结构
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
left | number | 是 | 左上角横坐标 | |
top | number | 是 | 左上角纵坐标 | |
width | number | 是 | 宽度 | |
height | number | 是 | 高度 | |
backgroundColor | string | 是 | 背景颜色 | |
borderColor | string | 是 | 边框颜色 | |
borderWidth | number | 是 | 边框宽度 | |
borderRadius | number | 是 | 边框圆角 | |
color | string | 是 | 文本的颜色。格式为 6 位 16 进制数。 | |
textAlign | string | 是 | 文本的水平居中方式 | |
fontSize | number | 是 | 字号 | |
lineHeight | number | 是 | 文本的行高 |
style.textAlign 的合法值
值 | 说明 | 最低版本 |
---|---|---|
left | 居左 | |
center | 居中 | |
right | 居右 |
object.icon 的合法值
值 | 说明 | 最低版本 |
---|---|---|
green | 绿色的图标 | |
white | 白色的图标 | |
dark | 有黑色圆角背景的白色图标 | |
light | 有白色圆角背景的绿色图标 |
返回值
GameClubButton
示例代码
let button = wx.createGameClubButton({
icon: 'green',
style: {
left: 10,
top: 76,
width: 40,
height: 40
}
})