👉Aresnine 👈

Appearance

On this page

Button 按钮

常用操作按钮

基础用法

基础的函数用法

INFO

使用size、color、pain、round属性来定义 Button 的样式。

TIP

使用size、color、pain、round属性来定义 Button 的样式。

WARNING

使用size、color、pain、round属性来定义 Button 的样式。

DANGER

使用size、color、pain、round属性来定义 Button 的样式。

Details

使用size、color、pain、round属性来定义 Button 的样式。

<template>
  <div style="margin-bottom:20px;" class="flex">
  <XButton class="mr-20px w-100px h-40px" color="blue">主要按钮</XButton>
  <XButton class="mr-20px w-100px h-40px" color="green">绿色按钮</XButton>
  <XButton class="mr-20px w-100px h-40px" color="gray">灰色按钮</XButton>
  <XButton class="mr-20px w-100px h-40px" color="yellow">黄色按钮</XButton>
  <XButton class="mr-20px w-100px h-40px" color="red">红色按钮</XButton>
</div>
</template>

图标按钮

带图标的按钮可增强辨识度（有文字）或节省空间（无文字）。