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 | 是 | 边框圆角 | ||
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
}
})
原文: https://developers.weixin.qq.com/minigame/dev/api/open-api/game-club/wx.createGameClubButton.html