Vuetify

商店

企业版

v-btn 组件用一 material design 主题和大量选项替代了标准的 html 按钮。任何颜色助手类都可以用来改变背景色或文本颜色。

最简单的按钮包含大写文本、轻微的仰角、悬停效果和单击时的波纹效果。

Options

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

文字按钮没有框影,也没有背景。只有在悬停时才会显示按钮的容器。

凸起的按钮有一个会在在点击时加重的框阴影,这是默认的样式。

凹陷的按钮依然保持其背景色,但没有框阴影。

按钮下拉菜单是带有额外的样式的常规选择框。

图标可作为按钮的主要内容。

浮动按钮是圆形的,通常包含一个图标。

按钮可以被设置不同的尺寸选项以适应多种方案。

轮廓按钮从应用的当前颜色继承其边框。

圆形按钮的行为与常规按钮相同,但具有圆形边缘。

平铺按钮的行为与常规按钮相同,但没有边框半径。

块状按钮可以扩展全部可用宽度

使用加载(loading)属性,你可以通知用户有正在进行的处理。默认行为是使用一个v-progress-circular组件,但可以对齐进行自定义。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!