10步偷懒版轮播图制作

1.从元件库拖动一个动态面板,并命名为:轮播图面板

2.双击进入【轮播图面板】state1中,拖入矩形,并设置颜色。

3.再返回至轮播图动态面板页面,双击【轮播图面板】,单击state1,点击复制,复制出state2,state3。

4.分别双击进入state2,state3,为其矩阵更换颜色,轮播的时候方便区分。

5.返回到动态面板,单击空白处,为【轮播图面板】设置“页面载入时”用例。

6.双击“页面载入时”用例,选择“设置面板状态”,勾选轮播图面板,选择状态为:next,时间可以任意设置,设置完成后,按f5可以预览轮播效果

7.再拖动一个动态面板,并命名为:轮播选项组面板。

8.双击进入【轮播选项组面板】state1里,拖入三个圆,并设置颜色。其他两个圆不设置。

9.与第三步一样的方法,分别复制出state2,state3,并将state2里的第二个圆设置颜色,第一个圆和第三个圆不设置颜色;同理,在state3中,只将第三个圆设置颜色。

10.回至首页,为【轮播选项组面板】设置“页面载入时”用例,点击case1,与第6步相似。将轮播选项组面板勾上,按f5后可预览

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。