图像在网页设计中起着至关重要的作用,因此在设计表单或仪表板时,您可能会经常使用 图画控件。让我们了解一下您可以为此控件控制的所有设置。

将图画控件添加到页面
首先,在控件添加面板中找到图画控件,然后将其拖放到页面上。

编辑图画控件
选择图画
在此区域上传图片,或者击此区域右下角的开关图标,可动态使用图片字段、变量、或当前用户的个人信息图片。

图画尺寸
设置图片的尺寸
对齐
设置图片的对齐方式:左对齐、右对齐、居中对齐
图画标题
图画的标题是可选的,在图片底部添加标题,标题可以自定义,也可以使用动态内容。
链接
链接可设置为:无、媒体文件、自定义链接;选择“媒体文件”直接链接到图片位置,选择自定义链接可以链接到任何网站的任何页面。如果您不需要图片链接,设置“无”即可。
图画样式
- 宽度:设置图片宽度
- 最大宽度:设置图片的最大宽度
- 高度:设置图片高度
- 不透明度:设置图片的透明度
- CSS过滤器:设置图片的CSS样式:模糊、明暗度、对比、饱和度、色调
- 边框类型:设置边框的类型,值有:无/实线/双实线/点线/虚线/凹槽。
- 边框半径:设置边框的圆角。
- 阴影:设置边框的阴影。
- 图画标题:设置标题的对齐方式、文字颜色、背景颜色、文本阴影、间距等。