本文介绍如何添加图片控件及设计图片组件。

添加图片组件

单击资源区的组件 > 图片,根据需要选择图片形状,在设计区适当位置单击,即可添加成功。

设置图片组件

在选中该图片组件后,单击设置或者图片,即可在快速设置面板中,设置图片的样式、数据、动效、排列。
  • 样式:可设置图片的填充方式、边框样式及阴影样式。
  • 数据:可更换图片、美化图片、设置图片标题、设置图片链接。
    说明 设置图片标题作用:当鼠标停在该图片时,显示此标题名称。 设置图片链接作用:当鼠标单击该图片时,可跳转到此链接地址。
  • 动效:可设置图片的动画效果。
  • 排列:可根据需要调整尺寸和位置。

一键更换图片

单击下图所示按钮可一键更换图片。

一键进入美图模式

单击下图所示按钮一键进入美图模式。

一键锁定位置

选中图片控件时,单击像锁一样的图标按钮,可锁定当前位置。

删除当前控件

选中图片控件时,单击像废纸篓一样的图标按钮,可删除此控件。

说明 如需观看相关操作视频请单击图片控件的使用

各类图片的建议尺寸表

图片类型 建议尺寸
icon 32*32px
列表中的图片 400*400px
详情页中的图片 宽度1000px,高度通过固定宽高比生成
电脑端全屏背景图 1920*1080px
电脑端banner图 宽度1920px,高度通过固定宽高比生成
手机端全屏背景图 宽高比为9:16
手机端banner图 宽度640px或以上