Evokerbutton #
按钮。
Props #
| 参数 | 类型 | 默认值 | 必填 | 说明 | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| type | 'primary' | 'default' | 'success' | 'warning' | 'danger' | default | 否 | 类型 | |||||||||
| size | 'large' | 'normal' | 'small' | 'mini' | normal | 否 | 尺寸 | |||||||||
| color | string | 否 | 按钮颜色 | ||||||||||
| plain | boolean | false | 否 | 是否为朴素按钮 | |||||||||
| disabled | boolean | false | 否 | 是否禁用按钮 | |||||||||
| loading | boolean | false | 否 | 是否显示为加载状态 | |||||||||
| hover-class | string | ll-button--hover | 否 | 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 | |||||||||
| hover-stop-propagation | boolean | false | 否 | 指定是否阻止本节点的祖先节点出现点击态 | |||||||||
| hover-start-time | number | 20 | 否 | 按住后多久出现点击态，单位毫秒 | |||||||||
| hover-stay-time | number | 70 | 否 | 手指松开后点击态保留时间，单位毫秒 | |||||||||
| from-type | string | 否 | 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件 | ||||||||||
| |||||||||||||
| open-type | string | 否 | 开放能力 | ||||||||||
| |||||||||||||
Events #
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击按钮，且按钮状态不为加载或禁用时触发 | |
| getuserinfo | 用户点击该按钮时，会返回获取到的用户信息，回调的 detail 数据与 ek.getUserInfo 返回的一致，open-type="getUserInfo"时有效 |
Example #
vue
<template>
<button type="primary" @click="onClick">Click</button>
</template>
<script setup lang="ts">
const onClick = () => {
console.log('click')
}
</script>