图片热区组件教程


这个组件可以很方便的去diy页面,实现需求的页面样式

1,在diy中心--页面装修--可视化组件--图片热区组件,选择图片热区组件,然后上传一个图片,这个图片是美工制作的图片

比如美工制作了一个图片如下

image.png

然后想自定义这些图标的跳转页面,就可以选择图片热区组件,上传美工制作的图片之后,点击设置热区,去设置跳转链接

image.png

2,为图片设置热区,通过选择想要跳转的页面,选择对应的链接,可以添加多个热区,热区可以移动,放大和缩小(通过拖拽热区的对角实现)

image.png

比如第一个图标想要跳转到我的收藏页面,您就可以选择我的收藏的链接入口(只是举例一个图标,一张图片添加的热区不限,按需求添加设置就好)

image.png

3,设置好热区之后,点击隐藏热区,返回之前的页面,点击保存,可以到小程序界面点击添加了热区的区域,看看跳转页面的效果(前端界面是不会显示橙色区域的,系统是为了方便查看和设置)

image.png


x