前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >怎样使用摹客在线原型实现自动轮播图

怎样使用摹客在线原型实现自动轮播图

作者头像
奔跑的小鹿
发布2020-09-24 10:13:40
1.1K0
发布2020-09-24 10:13:40
举报
文章被收录于专栏:无原型不设计

有很多电商平台基本上都会使用轮播图的效果,比如淘宝、拼多多、京东等。他们的首页位置都会通过轮播图的方式来展示重点推荐的内容,方便用户快速了解展示信息,起到展现主打产品、以及促销活动、装饰首页的效果,对产品数据增长起到重要作用。

本文将和大家分享怎样用摹客在线原型实现轮播图的操作步骤。

1、准备工作

组件:内容面板、辅助画板、图片

2、选中主画板,在主画板上放置内容面板

3、使用快捷键(A)或点击顶部工具栏图标(

)添加辅画板,保持辅画板和内容面板的大小一致

4、拖动内容面板的交互点依次链接辅画板

5、选中主画板,在右侧属性面板中点击交互,“添加交互”。

a、交互目标选择内容面板

b、触发“载入时”、命令选择“切换内容”内容选择除开第一个的任意“辅画板”其他属性按需要添加。

6、选中辅画板在右侧属性面板中“添加交互”,选择“点击选择目标”目标选择“内容面板”。

a、交互目标选择内容面板

b、触发“载入时”、命令选择“切换内容”、内容选择“下一个”其他属性按需要添加。

7、辅画板的设置都是一样的,请依次按照步骤6添加

8、进入演示。就可以看到效果了。

官网地址:https://www.mockplus.cn/rp/

更多教程:https://help.mockplus.cn/p/467

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/09/23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档