横向分类切换
可交互效果预览

制作过程:

1.点击新增楼层,选择「多状态切换」,添加一个多状态切换楼层。

d8193f0f81f9cb75487790c36269308b.png

2.右侧属性中默认状态选择「图片容器」。

0c39c2150d5b0d3306e8373c39d76ef0.png

3.点击进入默认状态,「点击上传图片」上传背景图。

c174a59fb4fb97194f079700882e9830.png

4.点击「添加状态」可出现「状态1」和状态1的触发热区,调整触发热区的大小和位置,选择状态1的类型为「图片容器」。f75671bbdbd30db071001fb37fc25cca.png

5.进入「状态1」,「点击上传图片」上传状态1的图片(状态1和默认状态选择相同图片)即完成状态1的设置。

84a09282a6546bc166add99b210106bb.png

6.重复步骤4「添加状态」操作可添加多个状态,上传每种状态图片,调整每个触发热区至合适位置,「触发方式」可选择点击或悬停,「默认展示」按钮可将当前状态设为默认状态。

c593117a7fba38aea297cf3e6c636bb2.png

7.每个状态中可单独添加热区和图片热区等操作,嵌套使用,即可实现多种效果展示。