作者:书友41494390_263 | 来源:互联网 | 2023-05-17 12:24
微信小程序WeUIFormPage是千自学中一篇关于微信小程序的文章简介:FormPage表单页面,规定了标准表单的顶部的标题和底部的按钮提示等区域的规范代码引入在page.json中引入组件{usingComponents:{mp-form-page:
FormPage
表单页面,规定了标准表单的顶部的标题和底部的按钮提示等区域的规范
代码引入
在 page.json 中引入组件
{
"usingComponents": {
"mp-form-page": "../../components/form-page/form-page",
"mp-form": "../../components/form/form"
}
}
示例代码
效果展示
属性列表
属性 | 类型 | 默认值 | 必填 | 说明 |
---|
title | string | | 否 | 标题 |
subtitle | boolean | | 否 | 副标题 |
Slot
名称 | 描述 |
---|
title | 标题区域slot和title属性互斥 |
tips | 底部确认按钮前面的提示区域 |
button | 底部提交按钮区域 |
suffixtips | 提交按钮下面的提示区域 |
footer | 页脚的内容区域 |