### Zji-Uview-Form
基于uview2.0 的uni-app组件——Жидзин（Zidjin）系列组件库。
#### 安装
推荐使用npm的方式安装
```shell
npm install uview-ui
npm i node-sass -D # HBuilder默认已安装
npm i sass-loader -D # HBuilder默认已安装
npm install zji-uview
```
#### 引入
##### 1. main.js引入uView主js库
```js
import App from './App'
import Vue from 'vue'
import UViewUi from "./uview-ui"; //引入uview库，必须
import ZjiUview from "zji-uview"; //引入ZjiUview库
Vue.use(UViewUi); //注册uView，必须
Vue.use(ZjiUview);//注册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'
new Vue({
...App,
store,
i18n,
}).$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`文件中进行如下配置：
```js
// vue.config.js，如没有此文件则手动创建
module.exports = {
transpileDependencies: ['uview-ui']
}
```
#### 基本用法
[^图像示例]: 注：图像示例统一800×300像素，特殊除外。
```vue
```
#### Zji-Uview-Form Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| ----------- | ----------------------------------------------------- | ------------- | ------ | ------ |
| headers | 表单配置 | array