cnki-ui v1.1.3

cnkiui

A vue of cnkiUI project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

example

formConfig:{

inline:true, //是否水平放置
labelWidth: '190px', label的宽度
btnOperate: [ //按钮设置
  {name:'提交 ', type: 'submit', icon:''},
  {name:'重置 ', type: 'reset', icon:''}
],
formItemList:[//item数据 type类型 label，rule:校验
  {type:'input', label: '请输入活动名称', prop: 'name',
    rule: { required: true, message: '请输入活动名称', trigger: 'blur' }
  },
  {type:'select', label: '请输入活动名称请输入', prop: 'name2',
    optionList:[
      {label: '区域一', value: '1'},
      {label: '区域二', value: '2'},
      {label: '区域三', value: '3'},
    ],
    rule:{required: true, message: '域名不能为空', trigger: 'blur'}
  },
  {type:'datetimerange', label: '姓名', prop: 'datetimerange',
    rule:{required: true, message: '域名不能为空', trigger: 'blur'}
  },
]

}

formRules:{

//这个里面做校验

}