KButtonArea

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

使用指南

  1. import {KButtonArea} from 'kbone-ui'

示例

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

Button

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

KButtonArea - 图1

使用参数

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

direction 合法值

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