ol-ui

Appearance

Return to top
On this page

按钮

用于操作

javascript
import { olButton } from 'olui1'

普通按钮

显示代码
html
<template>
  <div>
    <ol-button style="margin: 12px;">默认按钮</ol-button>
    <ol-button type="primary" style="margin: 12px;">主要按钮</ol-button>
    <ol-button type="success" style="margin: 12px;">成功按钮</ol-button>
    <ol-button type="warning" style="margin: 12px;">警告按钮</ol-button>
    <ol-button type="danger" style="margin: 12px;">危险按钮</ol-button> 
  </div>
</template>

带图标

点击展开
html
  <ol-button icon="add">按钮</ol-button>
  <ol-button>
    <ol-icon name="icon-guanbi4" />
    按钮
  </ol-button>
  <ol-button type="primary">
    <ol-icon color="#ffffff" name="icon-guanbi21" />
    按钮
  </ol-button>
  <ol-button type="danger">
    <ol-icon color="#ffffff" name="icon-guanbixiao" />
    按钮
  </ol-button>