1. 对于规则的图片列表,可动态设置列表展示列数,如图:
![](https://box.kancloud.cn/4fb6d896428192a6137300055383c0e2_348x426.png)
2. 当列表列数为1时,"基本设置"栏中会提供"热区"设置项。所谓[热区](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/area),即表示可在该图片中自由定义可点击跳转区域,**经常被用在给一整张大图上做特定区域的可点击效果**,如图示的x1, y1分别表示要设置的可点击区域坐标点起始和终止位置,举个例子,上传了一张800 * 600的图片(如何知道上传的图片大小看下方说明),设置:
x1: 200
y1: 300
x2: 400
y2: 400
则表示在该图片的坐标为(200,300)到坐标为(400,400)所划定的矩形区域内可点击跳转。另外系统中热区还支持圆形热区,和矩形热区不同的是圆形热区需要设置一个圆心的坐标以及圆形的半径。
另外:支持动态添加多个热区。
![](https://box.kancloud.cn/e2f89a3caec0b7c277af0c29d1520a54_346x575.png)
QA:如何知道上传的图片大小呢?
1:当图片未经过裁剪,直接确认上传的图片,则在本地自己确认图片大小,一般右键点击该图片 -> "属性"即可。
2:当图片经过MYpage裁剪后上传的,可以在裁剪插件初始化的时候看到最终图片的大小,如图示:
![](https://box.kancloud.cn/7c0535f04d6907204fee17ac01706bd6_501x337.png)
3. pc组件中,"组件设置"->"布局"->"列"设置为1时,当前选项下会提供"通栏"选项,如图:
![](https://box.kancloud.cn/3736ddb4a8bb6fbdb182bccfd3b9360c_341x488.png)