安装 npm install f-components --save
import 'f-components/lib/f-components.css'
import fcomponents from 'f-components';
Vue.use('fcomponents')
常用组件
- fTable 表格
属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必传 |
---|---|---|---|---|---|
list | 表格数据 | Array | - | - | 是 |
total | 数据总数 | Nunber | - | - | 是 |
q | 查询参数(page_size,page_no) | Object | - | - | 是 |
columnOps | 列配置(参考element-ui的列) | Array<Object> | - | - | 是 |
tableOps | 表格配置(参考element-ui的列) | Object | - | {size:"mini",stripe: true,border: true,fit: true,"highlight-current-row": true} |
否 |
btnsBoxWidth | 操作栏宽度 | String | Number | - | 120 | 否 |
btnBoxString | 操作栏title名 | String | - | 操作 | 否 |
btnBoxIsFixed | 操作栏悬浮 | Boolean | - | true | 否 |
page_no_label | page_no的字段名 | String | - | page_no | 否 |
page_size_label | page_size的字段名 | String | - | page_size | 否 |