页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

图片组件支持自定义上传图片,为仪表盘中的图表添加具体的图片说明,或让整个仪表盘更主题化。如添加企业logo、具体产品图片等。支持的图片格式有:webp、jpeg、jpg、png、bmp、gif、svg等。

  • 图片仅支持上传小于或等于10M的文件:小于300kb 直接上传,300kb-10M 会进行压缩,>10M提示不能上传。

  • 图片文件格式支持:jpg、jpeg、png、gif、svg。

2 业务场景

1、场景描述:在仪表盘上添加企业logo,使之一看便知这是某公司的销售情况分析效果如下图所示:

...

(3)选中图片组件, 组件设置>属性>图片>拉伸 设置为 原图 ,组件设置>属性>图片>对齐 设置为 居中 。

(4)效果如下图所示:

3

...

图片组件的设置项包含图片和组件。

Image Removed

3.1 图片

图片样式设置

图片的设置项包含图片和拉伸。

3

...

.1 图片

说明

用于上传图片,一次只能上传一个文件,双击重新上传。只能上传一个文件,双击重新上传。

图片文件格式支持:jpg、jpeg、png、gif、svg。

效果

Image Added

图片拉伸
图片拉伸
3.1

...

3.2 组件

...

拉伸

说明

用于设置图片的拉伸方式,有“适应、平铺、拉伸、填充、原图”五种方式。

效果

拉伸方式效果说明
适应

Image Added

图片等比缩放,图片的最大边放大到组件最小边时就不再放大,即保持图片比例的同时最大化显示图片。
平铺

Image Added

若图片大小小于组件大小,则图片挨个排列,直到排满整个组件。
拉伸

Image Added

图片不按比例缩放,根据屏幕显示分辨率拉伸。图片占满整个组件。
填充

Image Added

图片等比缩放,按照图片的最小边来适应组件的最大边以达到填充页面效果。如果出现图片分辨率和屏幕的比例不一样的情况,图片会有部分显示不了(超出组件之外)。
原图

Image Added

保持图片原本的大小。 当图片的拉伸方式为“原图”时,可设置图片的位置,有“居左,居中,居右”三种对齐方式。

4 更多功能

  • 更多的组件属性设置项的详细介绍,可参考文档: 组件设置 。