Feiyang-ui NPM

feiyang-ui

npm install

npm run serve

A Base Component Library for Vue.js.

npm install feiyang-ui --save

// main.js 
import FeiyangUI from 'feiyang-ui'
import 'feiyang-ui/lib/index/index.css'

Vue.use(FeiyangUI)

import { Button } from 'feiyang-ui'

Vue.use(Button)

// *.vue
<BALinkButton label="按钮" />

属性	说明	类型	可选值	默认值
title	a标签鼠标悬浮展示的文字	string	—	—
label	按钮文字内容	string	—	—
type	按钮主题	string	'primary' \| 'success' \| 'warning' \| 'info'	—
block	是否为块级按钮	Boolean	true \| false	false
circle	是否为圆形按钮	Boolean	true \| false	false
text	是否为文本按钮	Boolean	true \| false	false
underline	是否带下划线（仅在文本类型下有效）	Boolean	true \| false	false
hoverUnderline	hove才展示下划线	Boolean	true \| false	false
disable	禁止	Boolean	true \| false	false
corner	转角连接类型	String	'right' \| 'round' \| 'full' \| '任意数字'	'round'
icon	左侧图标（传样式名）	String	—	—
mode	排列方式（水平和垂直）	String	'horizontal' \| 'vertical'	'horizontal'
size	尺寸	String	'lg' \| 'md' \| 'sm' \| 'xs'	''
borderGradient	渐变边框（属性见 borderGradient 表）	Object	—	{}
link	是否为 a 按钮	Boolean	true \| false	false
href	同 a 标签	String	—	—
target	同 a 标签	String	—	—
rel	同 a 标签	String	—	—
hreflang	同 a 标签	String	—	—
download	同 a 标签	String	—	—
loading	加载中	Boolean	true \| false	false
debounce	防抖 & 节流（属性见 debounce 表）	Object	—	{}