移动端页面设计-基础组件

创建移动端页面后,需要对页面进行设计,下面对基础组件进行介绍:

  • 单行文本、密码框、多行文本、显示标签、图片

      当表单类组件(如单行文本、密码框、多行文本、显示标签、日期选择、图片等)不是在表单模板页中被使用(在表单模板页中只需对应修改其id,可不配置服务),可配置服务接口或者配置模型来实现动态渲染数据。图示以单行文本组件为例。组件校验规则可参考pc端配置。

  • 单选框、多选框、可选标签

     单选框、复选框、可选标签三个控件属性配置大同小异,当配置了动态请求且数据请求成功,则静态数据配置不会生效。

可选标签组件比单选框复选框多两个配置,其作用如图所示。

  • 图标、红点提醒

      红点提醒一般会与图标结合使用,将红点提醒组件拖拽进图标组件里即可。图标组件可配置图标方向、样式、文字、图标等,红点提醒组件可配置服务、设置大小等。

  • 级联选择

    级联选择组件默认提供本地数据,采用服务请求数据时,数据格式需参照本地数据源格式;

开启搜索时输入搜索关键字,如搜索有结果会显示高亮;开启收缩展开功能可以收起数据内容;

  • 步骤条

    步骤条允许自定义模板,注意项如图示;

  • 按钮

按钮操作类型及按钮操作配置可大致参照pc端配置,样式配置示例如图;

  • 选择列表

    选择列表服务配置模型配置等与其他组件类似。若采用本地数据配置,则点击图示小铅笔添加即可。

其他配置注意项如图示;

其他基础组件倘若还有疑问的地方后面再补充,多多留意组件属性旁边的蓝色小问号,有提示的。