专栏首页无原型不设计怎样使用摹客在线原型实现自动轮播图

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

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Mockplus原型交互跟我做之6 - 快速给弹出面板命名

    到这里,我们插入一个有用小技巧的介绍。 在交互设计中,我们经常需要给弹出面板起一个名字,便于查看。 一般的方式,是在属性面板中,通过“名称”来修改。 但...

    奔跑的小鹿
  • 如何用Mockplus快速做一个手风琴菜单?

    手风琴菜单是一种比较常用的菜单形式,利用原型工具来做这种菜单通常要用到中继器。即使是功能强大的Axure,想实现该效果也比较麻烦。但如果你对Mockplus有...

    奔跑的小鹿
  • 摹客首家发布Adobe XD插件

    10月19日,摹客iDoc发布了支持Adobe XD的插件,这是中国国内首款基于Adobe XD 正式API的插件。

    奔跑的小鹿
  • Windows 10 空间又爆满?别让系统再背锅, AppData 该清了!简单&可推广の操作方法

    上一篇文章:Windows 10 下 C 盘清理的四个最好办法 | 安全简单,无需插件 | C 盘快满了,如何清理 C 盘?| win 10 OS盘清理[1]

    Piper蛋窝
  • Python 之pyaudio使用随笔

    https://people.csail.mit.edu/hubert/pyaudio/packages/

    用户7789633
  • OpenStack集群部署—Cinder控制节点集群

    Cinder架构原理 当有用户或Nova compute提供创建卷的请求时,首先由Cinder API接收请求,然后以消息队列的形式发送给Cinder Sche...

    院长技术
  • Python运用蒙特卡洛算法模拟植物生长

    專 欄 ❈ Toby,微信号:drug666123,Python数据科学爱好者,擅长医药统计。国内最大药品数据中心任职,二十多个数据库负责人。 ❈ ? (细胞...

    Python中文社区
  • 美图分布式Bitmap实践:Naix

    大数据技术和应用系统目前已经在各个行业中发挥着巨大的作用,各种各样的开源技术也给大数据从业人员带来了很大的便利。Bitmap 作为一种大数据需求下产生的计算体系...

    美图数据技术团队
  • Android开发环境搭建

    因此,我们这篇文章将从JDK和AndroidStudio两个方面来讲解Android开发环境的搭建。

    蜻蜓队长
  • SSM+Maven+Redis框架学习

    Maven是apache下的开源项目,Maven主要服务于基于Java平台的项目构建、依赖管理和项目信息管理。

    java架构师

扫码关注云+社区

领取腾讯云代金券