小程序店铺装修 —— 轮播图组件的使用

微Ker
2019-08-17 08:40:56
215
店铺装修,轮播图

轮播图是项目必备的模块,今天我们来看下这个模块怎么来使用,如何在我们的页面中加入和修改轮播图。


首先点击“店铺装修”,进入小程序装修页面,我们在左侧“组件模块”中点击“轮播图”,你会发现中间视图区域内自动的出现了一个滚动的图片,这就是我们添加好的轮播图。


那么接下来就是要设置轮播图内的图片了,在最右侧你会看到一个“模块编辑区域”,当你在“中间视图区域”内点击了某个组件,那么右侧的“模块编辑区”就会显示该组件所能调整的数据。


你发现有两个图片,你甚至可以点击下面的“添加轮播图”按钮,添加更多的图片,我们暂时就先用两个,点击“选择图片”按钮,会弹出我们的图片素材窗口,所有的图片都是在这里边,你可以创建图片分类,然后上传本地图片


然后我们选择一个图片,点确定,就能看到视图区域和编辑区域的图片都改变了。


最后呢,如果想让用户点击图片可以跳转到某个位置,只需要在编辑区域内点击“跳转链接”选择你想跳转的某个位置就行,目前可以跳转的有:页面、商品、商品分类页面、优惠券。


好了,赶快点击“预览”在手机上看下效果吧