页面属性配置

使用说明

页面设计时，如果需要对整体页面和全局组件属性进行设置，可单击“页面属性”进行配置。全局组件配置仅对新增的组件生效，历史组件不做修改。

图1 设置页面属性

基础配置

基本属性配置后需要保存页面重新加载后生效。

• 行间距：设置容器的行间距，以确保行与行之间有足够的空间。
• 列间距：设置容器的列间距，建议根据单元格内容的宽度来调整，确保内容不会相互挤压，同时保持整体对齐。
• 单元格高度：设置容器的单元格高度，保持整体的平衡。默认高度为20px。
• 背景：设置页面的背景颜色。

样式配置

• 间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。

  

• 边框：
  • 位置：设置边框的位置，支持配置上、下、左、右和四周。
  • 宽度：设置边框的宽度。默认值为0px，范围为0~50px。
  • 样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。
  • 颜色：设置边框显示的颜色。

  

• 圆角：给元素添加圆角效果，设置圆角的大小和位置。

  默认值为0px，范围为0~500px。

  

• 背景：设置组件样式的背景颜色。
• 阴影：
  • X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。
  • Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。
  • 模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。
  • 扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。
  • 颜色：设置阴影的颜色。