diff --git a/README-iview.md b/README-iview.md new file mode 100644 index 0000000..6436bf8 --- /dev/null +++ b/README-iview.md @@ -0,0 +1,252 @@ +# Variant Form iView版 +#### 一款高效的Vue低代码表单,可视化设计,一键生成源码,享受更多摸鱼时间。 + +![image](https://ks3-cn-beijing.ksyuncs.com/vform-static/img/vform_demo.gif) + +
+ +### 安装依赖 +``` +npm install +``` + +### 开发调试 +``` +npm run serve +``` + +### 生产打包 +``` +npm run build +``` + +### 表单设计器 + 表单渲染器打包 +``` +npm run lib-iview +``` + +### 表单渲染器打包 +``` +npm run lib-render-iview +``` + +### 浏览器兼容性 +```Chrome(及同内核的浏览器如QQ浏览器、360浏览器等等),Firefox,Safari,IE 11``` + +
+ +### 跟Vue项目集成 + + + +###### 打包 + +``` +//VFromDesigner: +npm run lib-iview +//VFromRender +npm run lib-render-iview +``` + +####### 使用vFormDesigner的lib包 +1. main.js全局注册 +``` +... +import ViewUI from 'view-design'; +import VFormDesigner from './{YOURPATH}/VFormDesigner.umd.min.js' +import './{YOURPATH}/VFormDesigner.css' +... +Vue.use(VFormDesigner); +Vue.use(ViewUI, {size:'small'}); +... +new Vue({ + render: h => h(App) +}).$mount('#app') +``` +2. 在Vue模板中使用组件 +``` + + + + + +``` + +
+ +#### 4. 在Vue模板中使用表单渲染器组件 +```html + + +``` + +
+ +### 资源链接 +
+ +文档官网:http://www.vform666.com/ + +在线演示:http://demo.vform666.com/ + +VS Code插件:http://www.vform666.com/pages/plugin/ + +Github仓库:https://github.com/vform666/variant-form + +Gitee备份仓库:https://gitee.com/vdpadmin/variant-form + +更新日志:http://www.vform666.com/pages/changelog/ + +技术交流群:微信搜索“vformAdmin”,或者扫如下二维码加群 + +![image](https://ks3-cn-beijing.ksyuncs.com/vform-static/img/vx-qrcode-242.png) \ No newline at end of file