更新记录

1.0.3（2024-01-22） 下载此版本

增加了日期组件，增加了插槽功能

1.0.2（2024-01-20） 下载此版本

优化了表单功能，更新使用说明

1.0.1（2024-01-19） 下载此版本

表单增加了图片上传功能

平台兼容性

• ​
• 使用说明 components下g-form拷贝到使用项目的components内
• 需要安装uni扩展组件 uni-data-select https://uniapp.dcloud.net.cn/component/uniui/uni-data-select.html

、<template>
    <view class="content">
        <gForm :formItem="formItem" :disabled="false" :submitConfig="submitConfig" submitText="提交" @submit="submit">
            <template slot="slot"></template> 
        </gForm>
    </view>
</template>

<script>
    import gForm from '@/components/g-form/index.vue';
    export default {
        components:{gForm},
        data() {
            return {
                submitConfig:{
                    // text:'111',
                    // textColor:'red',
                    // bGround:'#000',
                },
                formItem:[
                    {type:'slot',slotName:'slot',title:'插槽',key:'slot'},
                    {type:'input',title:'名字',key:'name',placeholder:'测试input'},
                    {type:'date',title:'日期',key:'date1',placeholder:'时间'},
                    {type:'switch',title:'开关',key:'switch'},
                    {type:'radio',title:'单选',key:'radio',list:[{value:1,name:'1'},{value:2,name:'2'}]},
                    {type:'checkbox',title:'多选框',key:'checkbox',list:[{value:1,name:'1'},{value:2,name:'2'}]},
                    {type:'slider',title:'进度',key:'slider'},
                    {type:'textarea',title:'多行文本',key:'textarea',placeholder:'测试文本'},
                    {type:'select',title:'多选框',key:'select',list:[{value:1,text:'1'},{value:2,text:'2'}]},
                    {type:'imgUpload',title:'照片',key:'imgList',num:2,text:'上传'},
                ]
            }
        },
        onLoad() {

        },
        methods: {
            submit(a){
                console.log(a)
            }
        }
    }
</script>