更新记录

1.0.3（2024-06-19）

属性默认值单位改为rpx

1.0.2（2024-06-18）

将upx改为px

1.0.1（2024-06-03）

消除代码中的警告

平台兼容性

pop-form：表单弹出层组件

1、使用示例

<pop-form ref="popup" :title="标题" @submit="submit">
    <uni-forms ref="form" :rules="rules" label-width="160upx" :model="formData">
        <uni-forms-item label="上传资料:" name="imgList" required>
            <file-uplaod v-model="formData.imgList" urlField="imgUrl"></file-uplaod>
        </uni-forms-item>
    </uni-forms>
</pop-form>

2、参数如下

// 接收参数
defineProps({
    title: { type: String, default: '' },   // 标题
    isMaskClick: { type: Boolean, default: false }, //蒙版点击是否关闭弹窗
    type: { type: String, default: 'bottom' },  // 打开方式
    animation: { type: Boolean, default: true },// 是否动画
    buttonText: { type: String, default: ['取消', '保存'] },    // 按钮文本
    isCancelClose: { type: Boolean, default: true },
});

3、默认插槽为中间内容，第二个插槽名：button，可以自定义底部按钮

<slot name="button">
    <button type="warn" size="small" @click="cancel()">{{props.buttonText[0]}}</button>
    <button type="primary" size="small" @click="submit()">{{props.buttonText[1]}}</button>
</slot>