2.3.4 • Published 9 months ago
@ziqiflow/ziqi-form-generater v2.3.4
ziqi-form-generater
基于Vue2,ElementUI开发的一款低代码设计器,提高表单开发效率,是ziqioa的底层表单模块,可以快速设计表单,现在供大家使用;避免重复造轮子
引入方式
1.cdn引入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="https://ziqiflow.flycore.cn/form-generater/lib/FormMaking.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.8.2/theme-chalk/index.css">
<script src="https://cdn.staticfile.org/vue/2.6.10/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>
<script src="https://ziqiflow.flycore.cn/form-generater/lib/FormMaking.umd.min.js"></script>
</head>
<body>
<div id="app">
<fm-making-form :widget-form.sync='widgetForm'></fm-making-form>
</div>
</body>
</html>
<script>
window.baseURL = 'https://ziqiflow.flycore.cn/form-generater/';//路径
window.form_set_api=window.baseURL+"form_set.json";//全部的配置信息
window.callback_default_api=window.baseURL+'api/oa/tablefun/callback';
new Vue({
el: '#app',
components: {
},
data: function () {
return {
widgetForm: {
list: [],
remove_list: [],
config: {
labelWidth: 180,
labelPosition: 'top',
xs_config: {
//手机上的配置
labelWidth: 180,
labelPosition: 'top',
size: "medium",
rowMax: 1,
},
sm_config: {
//ipad上的配置
labelWidth: 180,
labelPosition: 'top',
size: "small",
rowMax: 2,
}
},
}
}
},
methods: {
}
});
</script>
2.3.4
9 months ago