wechat-miniprogram / kbone

# KButtonArea

按钮的包裹区域，可以用来控制当前 KButton 的排列方向。

# 使用指南

import {KButtonArea} from 'kbone-ui'
1

# 示例

 <KButtonArea>
    <KButton type="primary" >页面主要操作</KButton>
    <KButton type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo" getUserInfo </KButton>
    <KButton type="primary" :loading="true">Loading</KButton>
    <KButton type="primary" :disabled="true">禁止点击</KButton>
    <KButton >页面次要操作</KButton>
    <KButton type="warn">警告类操作</KButton>
    <KButton type="warn" :loading="true">警告类操作</KButton>
    <KButton type="warn" :disabled="true">警告类操作</KButton>
</KButtonArea>
1
2
3
4
5
6
7
8
9
10

Button

按钮，WeUI采用小程序原生的按钮为主体，加入一些间距的样式。

# 使用参数

属性 类型 默认值 必填 说明
direction string vertical 否 用来控制 KButton 的显示方向

direction 合法值

值 说明
vertical 垂直排列
horizontal 水平排列

← KCheckbox →