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 | — | — |

事件

| 事件名 | 说明 | 回调 | | ---- | ---- | ---- | | click | 点击事件 | — |

贡献

姚飞扬

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.