fengyin-base-ui v0.0.3

fengyin-base-ui

组件库

目录说明

.
├── components
│   ├── BreadCrumb
│   │   ├── breadcrumb.vue
│   │   └── index.js
│   ├── Button
│   │   ├── index.js
│   │   └── main.vue
│   ├── Cascader
│   │   ├── cascader.vue
│   │   └── index.js
│   ├── DivisionText
│   │   ├── divisionText.vue
│   │   └── index.js
│   ├── Ellipsis
│   │   ├── ellipsis.vue
│   │   └── index.js
│   ├── EmptyLine
│   │   ├── emptyLine.vue
│   │   └── index.js
│   ├── Form
│   │   ├── index.js
│   │   └── index.vue
│   ├── Input
│   │   ├── index.js
│   │   └── input.vue
│   ├── InputNumber
│   │   ├── index.js
│   │   └── index.vue
│   ├── MultiSelect
│   │   ├── index.js
│   │   └── multiSelect.vue
│   ├── Pagination
│   │   ├── index.js
│   │   └── pagination.vue
│   ├── RadioSelect
│   │   ├── index.js
│   │   └── radioSelect.vue
│   ├── SchemaForm
│   │   ├── form.js
│   │   └── index.js
│   ├── SideBar
│   │   ├── index.js
│   │   └── main.vue
│   ├── SingleSelect
│   │   ├── index.js
│   │   └── singleSelect.vue
│   ├── SvgIcon
│   │   ├── index.js
│   │   └── svgIcon.vue
│   ├── Table
│   │   ├── index.js
│   │   └── table.vue
│   ├── Textarea
│   │   ├── index.js
│   │   └── index.vue
│   ├── TimeSelect
│   │   ├── index.js
│   │   └── timeSelect.vue
│   ├── Topbar
│   │   ├── index.js
│   │   └── index.vue
│   ├── Upload
│   │   ├── delete.png
│   │   ├── fail.png
│   │   ├── file.js
│   │   ├── fileupload.vue
│   │   ├── index.js
│   │   ├── refresh.png
│   │   ├── success.png
│   │   ├── upload.png
│   │   └── upload.vue
│   └── index.js
├── deploy-docs.js
├── docs
│   ├── README.md
│   └── components
│       ├── REDEME.md
│       ├── breadcrumb.md
│       ├── button.md
│       ├── cascader.md
│       ├── divisionText.md
│       ├── ellipsis.md
│       ├── emptyline.md
│       ├── input.md
│       ├── labeldivideline.md
│       ├── multiSelect.md
│       ├── pagination.md
│       ├── radioSelect.md
│       ├── schemaForm.md
│       ├── sideBar.md
│       ├── svgIcon.md
│       ├── table.md
│       ├── timeSelect.md
│       ├── topBar.md
│       └── update.md
└── yarn.lock

项目中使用

1. 使用方式

   • 全局注册

   import Vue from 'vue'
   import policeUI from 'fengyin-base-ui'
   Vue.use(policeUI)

   • 按需加载

     import Vue from 'vue'
     import {
         Ellipsis,
         SvgIcon,
         Table,
         Pagination,
         SchemaForm,
         SideBar,
         Topbar,
         Container
     } from 'fengyin-base-ui'
     
     Vue.use(Ellipsis)
     Vue.use(SvgIcon)
     Vue.use(Table)
     Vue.use(Pagination)
     Vue.use(SchemaForm)
     Vue.use(SideBar)
     Vue.use(Topbar)
     Vue.use(Container)

开发规范

1、通用组件每个里面需要加一个name属性并且已bd开头 比如表格组件BdAppTable