原型设计自动轮播设置说明

weixin_57762627 2021-04-29 11:17:16
1、首先拉张图片,然后转换为动态面板

2、到右边属性栏中把自动调整为内容尺寸取消勾选

3、双击动态面板,点击+号右边的复制,复制你想要做几个动态面板即可

4、点击空白处,双击进页面加载时

5、点击设置面板状态,选中动态面板,选择状态为Next,勾上向后循环。最后选择确定,自动轮播就设置好了。

6、接下来完善一下自动轮播,先各自设置个左右按钮,让它点击进行切换。

7、选中右边的按钮,双击进鼠标单击时进行设置样式

8、点击设置面板状态,勾选动态面板,选择状态为Next,后面的按自己喜欢来调即可。

9、添加动作拉到下面找到等待,设置等待为1000毫秒,然后去第8步骤把设置动态面板给复制过来粘贴上即可。

10、把右边设置的交互动作复制粘贴到左边即可。
...全文
221 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_57762627 2021-05-08
  • 打赏
  • 举报
回复
eeeeee
weixin_57762627 2021-05-08
  • 打赏
  • 举报
回复
eeeeee
# 项目概述 ### 项目介绍 学成在线就是一个在线学习平台,类似慕课网以及腾讯学堂,是专门针对IT行业进行在线学习的平台。 学成在线采用B2B2C的业务模式,即向企业与个人提供平台实现教学服务,其中企业就是老师,提供课程,作业,考试等;个人就是学生,通过平台实现教学和学习的过程。 其原型就是[腾讯课堂]() ### 功能模块 ![1580702012697](/image/1580702012697.png) ### 使用前端技术 前端工程大多为单页面应用(SPA),采用vue.js框架开发,搜索功能前端采用nuxt.js服务端渲染(SSR)框架开 发 - Vue - Vue-cli - Element - Nuxt - npm - webpack - axios - nginx ### 前端工程目录介绍 - xc-ui-pc-leanring:学习中心 - xc-ui-pc-portal:动态的前端页面,需要webpack打包启动 - xc-ui-pc-static-portal:前端静态页面 - xc-ui-pc-static-resources:CMS管理的静态化页面,比如轮播图,课程详情页面 - xc-ui-pc-sysmanage:系统管理,比如CMS - xc-ui-pc-teach:教学中心管理,包含课程管理,媒资管理 前端工程很多很杂,使用nginx进行代理请求 ### 前端项目启动 处理`xc-ui-pc-static-portal`和`xc-ui-pc-static-resources`是静态html,其他工程启动方式: ``` npm install npm run dev ``` ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

27,579

社区成员

发帖
与我相关
我的任务
社区描述
MS-SQL Server 应用实例
社区管理员
  • 应用实例社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧