按钮 (bui-button)

按钮(bui-button) - 图1   按钮(bui-button) - 图2

用法

  1. <bui-button value="Normal"></bui-button>
  2. <bui-button type="highlight" value="Highlight"></bui-button>
  3. <bui-button type="primary" value="Primary"></bui-button>
  4. <bui-button type="success" value="Success"></bui-button>
  5. <bui-button type="warning" value="Warning"></bui-button>
  6. <bui-button type="danger" value="Danger"></bui-button>
  7. <bui-button disabled=true   value="Disabled"></bui-button>
  8. <bui-button type="text" value="Text Button"></bui-button>

Example: bui-button

属性

Prop Type Required Default Description
value string Y 按钮文字
type string N default 按钮类型 default/ text/highlight/primary /success/warning/danger
disabled bool N false 按钮不可用
btnStyle object N {} 按钮样式扩展对象
textStyle object N {} 按钮文本样式扩展对象

事件

支持 @click事件 和 @longpress事件