外观
按钮
Jobs by vuejobs.com
演示代码
html
<page-btn @click="goLogin">立即登录</page-btn>
<page-btn title="立即登录" @click="goLogin"></page-btn>
提示
微信开放能力 openType值可选的有null(默认)、getPhoneNumber、getuserinfo、opensetting
html
<page-btn title="微信登录" openType="getPhoneNumber" @getphonenumber="getphonenumber"></page-btn>
<script>
//授权手机号查询用户
function getphonenumber(userData){
}
</script>
设置按钮为半圆形
html
<page-btn title="登录" borderRadius="10"></page-btn>
设置在页面底部固定
html
<page-btn title="登录" isBottom></page-btn>
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| openType | 微信开放能力 | string | getPhoneNumber getuserinfo opensetting | null |
| disabled | 是否禁用 | Boolean | — | false |
| title | 按钮文字 | string | — | — |
| bgColor | 背景色 | string | — | 0 |
| width | 宽度 | string/number | — | 710 |
| height | 高度 | string/number | — | 88 |
| borderRadius | 圆角 | string/number | — | 10 |
| isBottom | 是否固定在底部 | Boolean | — | false |
| waring | 是否警告 | Boolean | — | false |
Event
| 事件 | 说明 |
|---|---|
| click | 点击事件 |
| getPhoneNumber | 获取手机号码 |
| getuserinfo | 获取用户信息 |
| opensetting | 打开授权设置页 |
上次更新: