elementui 按钮 表单_elementUI 学习入门之 Button 按钮

基础按钮用法

按钮分为：默认按钮、朴素按钮(plain)、圆角按钮(round)、圆形按钮(circle)。eg：

朴素按钮

通过 type 属性指定 primary、success、info、warning、danger、text 其中的值设置按钮样式，其中若设置值为 text ，则为文字按钮，没有边框和背景颜色

默认按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

朴素按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

圆角按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

按钮样式

添加 disabled 属性设置按钮禁用；设置 loading 属性值为 true ，在按钮上显示加载状态

图标按钮

设置 icon 属性值即可。eg：

搜索

按钮组

使用 标签嵌套标签组。eg：

上一页

下一页

标签组

Button 组件提供了除默认按钮大小以外的 medium、small、mini 三种大小，通过设置 size 属性来配置

【Flutter学习】之button按钮