feiyang-ui
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Base-UI
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)
按钮（BALinkButton）
基础使用
// *.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 |
— |
{} |
borderGradient
| 属性 |
说明 |
类型 |
可选值 |
默认值 |
| width |
边框宽度 |
String |
— |
— |
| fill |
填充内容 |
String |
— |
— |
debounce
| 属性 |
说明 |
类型 |
可选值 |
默认值 |
| type |
1 防抖 2 节流 |
String |
'1' | '2' |
— |
| time |
延时时间 |
String |
— |
— |
事件
贡献
姚飞扬
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
Customize configuration
See Configuration Reference.