# Button 按钮

方便快速的实现按钮操作,灵活控制颜色值及按钮尺寸

# 基本使用

通过 <n-button> 形式调用,设置 text 参数即可

<n-button text="按钮"></n-button>

# 修改文本字号

设置 size 参数可调整文本大小

<n-button text="按钮" size="32"></n-button>

# 调整文本样式

通过设置 colorbackground参数可对按钮更换文本颜色和按钮颜色
颜色参数并不局限内置,也可以是颜色的本身的参数值,例如:#000000

<n-button text="按钮" background="$red-6"></n-button>

# 是否禁用

设置 disabled 参数是否按钮禁用,禁用状态下无法触发按钮的事件

<n-button text="按钮" :disabled="true"></n-button>

# API

# Attribute 参数

参数 说明 类型 可选值 默认值
text 按钮名称 Number, String - DNVUE
size 名称大小 Number, String - 30
color 名称颜色 String 30 $gray-1
width 宽度 Number, String - 520
height 高度 Number, String true 80
background 背景颜色 String $theme-6
gradient 渐变背景色,使用方式(方向,颜色值,颜色值):right,#69c0ff,#1890ffright,$theme-4,$thenme-6 String - -
radius 圆角 Number, String - 8
disabled 是否禁用 Boolean true false
disabled-background 禁用后背景颜色 String $gray-5
is-icon 是否使用图标,仅限内置图标库。当使用图标时,text属性即为图标名称 Boolean true false

# Event 事件

事件名 说明 回调参数
@click 点击事件 -