实战 | 0~1基于模板开发问卷小程序 (2)

选中大纲树中的【插槽 header】,可以看到该模板的头部信息是放置了四个标题组件,若不需要这么多展示内容,可以选中具体【标题】组件单击右键【删除】。

实战 | 0~1基于模板开发问卷小程序

若需要添加长文本介绍,我们可以选中【插槽 header】>【容器】组件,再单击组件库【通用】类目中的【文本】组件,即可在问卷的头部增加文本,您也可以通过拖拽快速实现。修改文本的内容,可选中【文本】组件,并修改右侧【组件编辑】的【文本内容】。 内容示例: 文本内容:尊敬的腾讯云微搭低代码用户,为了更好地提升腾讯云微搭低代码平台的体验和服务,我们特展开本次的问卷调查,希望能得到您的真实想法与宝贵意见,本问卷将花费您5分钟时间。

实战 | 0~1基于模板开发问卷小程序

同时,可根据业务需求调整样式,我们选中该文本组件所在的【容器】组件,切换到【样式】标签,给组件的内边距左右各设置20的距离。

实战 | 0~1基于模板开发问卷小程序

改造内容

在【插槽 content】部分,即问卷的内容部分,模板提供了姓名、手机、兴趣话题和提交按钮。若不需要某部分内容,可选中该组件,单击右键【删除】。

实战 | 0~1基于模板开发问卷小程序

若要添加内容,可以选中【插槽 content】下的【插槽 content Slot】组件(即表单容器的插槽容器),再单击组件库中所需添加的组件,如添加【表单单选】组件。

默认是添加到最后边,我们可以调整一下顺序,拖住组件调到【按钮】组件的前边。

实战 | 0~1基于模板开发问卷小程序

选中刚刚添加的【表单单选】组件,设置表单字段名称(字段名称填写为 job),组件的标题(我的职业是),将布局方式改为垂直,并依次增加单选项的内容,单选项名称分别为前端开发、后台开发、设计师、运营、产品策划、其他,单选项的值分别设置为first、second、third、fourth、five、six。单选内容的 value 会被提交到数据库里。

实战 | 0~1基于模板开发问卷小程序

按照同样的方法增加第二个调查项,需要注意的是第二个调查项的字段名称需要填写为 industry,标题设置为“我所属的行业是”,单选项名称分别为金融、工业、教育、医疗、政务、IT互联网、其他,单选项的值分别为first、second、third、fourth、five、six、seven。单选内容的 value 会被提交到数据库里。

改造尾部

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdjfy.html