帮助中心
帮助中心 > 可视化组件
图像框组件

功能介绍

  • 用于网站页面添加文字与图片相互结合的展现方式,常用于网站顶部的图标加文字组合。

内容

1.链接:图像框组件支持本站链接、外部链接、电话号码和邮箱。

2.图片位置:图片和文本的四种位置搭配组合。

3.对齐方式:统一调整图像框组件标题和描述的对齐方式。


样式

1.图片状态:图片的悬停效果可以设置图片的边框、阴影、不透明度。

2.宽度:即图片的宽度,一般默认即可,但是特殊情况可能需要调整,比如小图标。

3.边框&圆角&:你可以用这个功能迅速给你图像框里的图片添加不同样式的边框以及改变圆角。

4.阴影:点击阴影编辑按钮调出阴影参数设置面板,通过设置参数来调整图文栏的阴影。

5.不透明度:通过拖动滑标或者输入数值来迅速的调整图片的不透明度。

6.内边距&外边距:首先我们要有一个前提,即图片本身是装在一个“盒子”里面的,当我们给图片添加边框时,实际上是加在了图片外层的“盒子”上,此时你通过调整内外边距的参数来统一控制图像框里的图片到边框的距离。

7.对齐方式:即图片和文字的位置对齐,需要注意的是,这个位置的设置会随着“内容”栏里的“图片位置”变化而动态变化,当“图片位置”为“顶部、底部”时,对齐方式是横向对齐,当“图片位置”为“左边、右边”时,对齐方式是纵向对齐。

8.文本状态:文本的悬停效果可以设置文本的整体背景色和标题、描述的文字颜色。

9.对齐、边框、圆角、背景、边距:统一设置整体文本的对齐、边框、圆角、背景、边距。

10.标题&描述:分别调整标题和描述的各项参数,并且可以单独设置标题/描述的显示行数以及向下的间距。

上一篇:按钮组件 下一篇:轮播组件