## zji-uview-form
基于uview2.0 的uni-app组件 —— 系列组件库。
#### 安装
推荐使用npm的方式安装
```shell
npm install uview-ui
npm i node-sass -D
npm i sass-loader -D
npm install zji-uview-form
```
#### 引入
###### 1.引入uView主js库
```js
import App from './App'
import Vue from 'vue'
import UViewUi from "uview-ui"; //引入uview库，必须
import ZjiUviewForm from "zji-uview-form"; //引入ZjiUview库
Vue.use(UViewUi); //注册uView，必须
Vue.use(ZjiUviewForm);//注册ZjiView，必须
// uni.$u.config.unit = 'px';
// 调用setConfig方法，方法内部会进行对象属性深度合并，可以放心嵌套配置
// 需要在Vue.use(uView)之后执行
uni.$u.setConfig({
// 修改$u.config对象的属性
config: {
// 修改默认单位为rpx，相当于执行 uni.$u.config.unit = 'rpx'
unit: 'rpx'
},
props: {
// 修改radio组件的size参数的默认值，相当于执行 uni.$u.props.radio.size = 30
radio: {
size: 15
}
}
})
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
```
###### 2.在引入uView的全局SCSS主题文件
在项目`src`目录的`uni.scss`中引入此文件。
```css
/* uni.scss */
@import 'uview-ui/theme.scss';
```
###### 3.引入uView基础样式
在`App.vue`中首行的位置引入，注意给style标签加入lang="scss"属性
```css
```
###### 4.配置easycom组件模式
此配置需要在项目`src`目录的`pages.json`中进行。
```json
// pages.json
{
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}
```
###### 5.Cli模式额外配置
如果您是`vue-cli`模式的项目，还需要在项目`根目录`的`vue.config.js`文件中进行如下配置：
```
// vue.config.js，如没有此文件则手动创建
module.exports = {
transpileDependencies: ['uview-ui']
}
```
# 基本用法
```vue
```
#### zji-uview-form Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| ---------- | ----------------------------------------------------- | ------------- | ------ | ------ |
| headers | 表单配置 | array