参考模板预览：http://02b5dca6549d.iamh5.cn/v3/idea/WMLFp2Wa

参考模板编辑：http://www.ih5.cn/editor3/?nid=5891765

练习预览：http://02b5dca6549d.iamh5.cn/v3/idea/U124Bfhm

涉及知识点：

1 滑动时间轴的使用

2 滑动时间轴内按钮的定位问题

3 点击按钮没弹出对应弹出层

page1 门资源

1 目录结构

2 时间轴设置

3 添加动效

动效的效果为到1.2s的时候透明度为0

2 page1 过渡动画

1 目录结构圆圈结构

2 动画过渡

3 事件：

1 透明按钮放在指纹区域，默认隐藏，点击该按钮，跳转到下一页

2 事件轴动画结束后，透明按钮显示

2

page2-滑动提示

1 目录结构

2 过渡

*******

：：：：

3 时间轴事件

时间轴动画播放完后一定要删除，如果不进行处理，会挡住滑动时间轴，挡住的话滑动时间轴不能滑动

page2-滑动时间轴

1 目录结构

滑动时间轴使用

滑动时间轴可以滑动的因素：

1 滑动时间轴滑动时处于顶层。

2 滑动时间轴的区域小于其子对象。例如图片的尺寸

滑动时间轴里面，再嵌套一个时间轴的原因：假如滑动时间轴总时长7s,但是按钮动态效果只有2s，即使设置了循环播放，按钮也需要一个滑动时间轴的时间完成一个轮回。这样看起来动效非常缓慢。为了避免这个问题，里面嵌套了一个时间轴

3 点击按钮定位问题

这里给放置点击按钮的容器设置了轨迹，如果不设置轨迹按钮会固定在视图区域

2 滑动时间轴初始设置

时间轴：（0,0）；[640,1040]；原始时长：5s；播放速度：0.5；滑动方向：左（按需设置）

背景图片：(0,0)；[1668,1040]原始尺寸；

3 滑动时间轴上动画过渡

4 弹框内容

a：目录结构

b: 滑动时间轴属性设置

c: 滑动时间轴动画设置

d: 事件