Bootstrap

FormCreate v3.2发布:新版本全面适配移动端UI框架!

在大家的殷切期盼中,我们非常高兴带来这个好消息,FormCreate的v3.2版本已经发布!这次的重大更新,我们倾听了您的反馈,并根据您的诉求进行了全面的升级。

我们深知,每一次更新都承载着大家对更优质体验的渴望,所以我们慎之又慎,力求在每一个细节上都不负众望。

图片

用户期待,我们实现

自FormCreate发布以来,我们收到了很多用户的反馈和建议,其中很多都希望能够适配移动端UI框架。FormCreate主打的就是宠粉,经过一段时间的精心开发和测试,不负期待,新版本的FormCreate已成功适配移动端UI框架!

图片

全面适配,无所不能

适配移动端UI框架的优势与好处是显而易见的。一个能够全面适配PC端和移动端的动态表单组件,将帮助开发人员更加轻松、高效地创建动态表单。意味着您的表单将可以在多端进行高效开发,极大地扩展了您的应用市场。

紧跟潮流,适配vant4.0版本

与此同时,新版本的FormCreate适配了当前流行的vant4.0版本,以满足全方位的开发需求。我们相信,通过这次升级,不仅能帮助您在移动端开发过程中节省大量时间和精力,还能有效提升用户体验和满意度。

图片

丰富组件,一应俱全

移动端版本的FormCreate内置了15+常用的表单组件,这将使得您的开发工作变得更加轻松、快捷。从基础的输入框到复杂的日期选择,我们都已为您准备妥当,使得表单的创建过程既简单又直观。

图片

FormCreate v3.2望能给您带来全新的体验。我们期待您的反馈和建议,它们是我们不断前进的动力。让我们一起,让表单设计变得更简单!

彩蛋:重大版本更新预告🔥

重磅更新,即将发布!FormCreate移动端表单设计器来啦!

FormCreate即将实现多端适配,无所不能。不论是前端开发还是后端开发,广泛应用于各类场景,提高开发者对表单的开发效率。

欢迎体验: FcDesigner Mobile在线演示

安装

浏览器

<!-- 引入样式文件 --><link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/vant@4/lib/index.css"/><!-- 引入 Vue 和 Vant 的 JS 文件 --><script src="https://fastly.jsdelivr.net/npm/vue@3"></script><script src="https://fastly.jsdelivr.net/npm/vant@4/lib/vant.min.js"></script><!-- 引入 formCreate --><script src="https://cdn.jsdelivr.net/npm/@form-create/vant/form-create.min.js"></script><!-- 挂载组件 --><script >    const app = Vue.createApp({});    app.use(vant);    app.use(formCreateMobile);    app.mount('#app');</script>

NPM

npm i @form-create/vant@^3

引入

import formCreateMobile from '@form-create/vant'

挂载

app.use(formCreateMobile)

创建表单

<template>  <form-create-mobile :rule="rule" v-model:api="fApi" :option="options"/></template>

<script>export default {  data() {    return {      fApi: {},      options: {        onSubmit: (formData) => {          alert(JSON.stringify(formData))        },        resetBtn: true      },      rule: [        {          type: 'input',          field: 'goods_name',          title: '商品名称',          value: 'form-create'        },        {          type: 'checkbox',          field: 'label',          title: '标签',          value: [0, 1, 2, 3],          options: [            {label: '好用', value: 0},            {label: '快速', value: 1},            {label: '高效', value: 2},            {label: '全能', value: 3},          ]        }      ]    }  }}</script>

感谢您对FormCreate的持续关注和支持!

传送门:

FormCreate官网:https://www.form-create.com

帮助文档:https://pro.form-cre‍ate.com/doc

移动端表单设计器:FcDesigner Mobile在线演示

图片

如果开源项目对您有帮助,欢迎通过下方链接点击⭐️star支持我们!

开源项目:https://github.com/xaboy/form-create

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;