页面树结构
转至元数据结尾
转至元数据起始

概述

样式包含三部分内容:主题,背景,内边距。

 

"页面样式”效果图
对应的模型图

 

主题

定义

 主题:设置页面的主题类型,生效于页面和所有组件。有浅色主题和深色主题。

分类

  1.  主题为“浅色主题”,如下图:
  2.  主题为“深色主题”,如下图:

 背景

定义

 背景:设置页面的背景,有单色和图片两种,默认为单色。

分类

  1.  背景为“单色”,提供六种颜色供选择,也可以点击最后一个矩形设置其他颜色。

    设置背景为 单色 > 黄色 ,页面背景为黄色,组件1和组件2背景不受影响,如下图:
  2. 背景为“图片”,提供六张图片供选择,也可上传图片,不过一次只能上传一个文件。并且可以设置图片背景的拉伸方式,有“适应,平铺,拉伸,填充,原图”五种方式。

    设置背景为 图片 ,页面背景为上传的图片,组件1和组件2背景不受影响,如下图:

说明

  • 可对上传的图片进行操作,上传的图片上有“预览”和“删除”两个按钮。
  • 拉伸方式对比说明:

    拉伸方式效果图对比说明
    适应图片等比缩放,图片的最大边放大到页面最小边时就不再放大,即保持图片比例的同时最大化显示图片。
    平铺若图片大小小于页面,则图片挨个排列,直到排满整个页面。
    拉伸图片不按比例缩放,根据屏幕显示分辨率拉伸。图片占满整个页面。
    填充图片等比缩放,按照图片的最小边来适应页面的最大边以达到填充页面效果。如果图片分辨率和屏幕的比例不一样的话,图片会有部分显示不了(超出屏幕之外)。
    原图
    保持图片原先的大小。 当图片的拉伸方式为“原图”时,可设置图片的位置,有“居左,居中,居右”三种。

内边距

定义

设置页面与组件上下左右的内边距大小。

说明

内边距设置具体情况如下图:

  • 无标签