淘宝钻展的淘积木模板H5翻页使用方法

概述

H5页面，这种模板样式主要目的是提供给商家一个新的页面表现形式，对于商家可以更好的通过场景搭建，趣味性来打动消费者。

该编辑器主要包含倒计时，热区组件，视频组件等常用组件。并且具有多套模板可供选择使用，也可以自定义制作。

使用方法

编辑器分区域说明，如下图：

1.从「组件选择区域」点击添加合适的组件。

2.在页面右侧的「组件设置区域」，进行需要的设置。

3.当添加多个组件之后，可以根据需求进行「组件管理区域」的组件上下顺序调整，注意：调整的是单页面的组件图层顺序。

4.编辑的过程中可以随时保存，预览。当编辑完成后，需要保存。回到「我的落地页」进行发布，获取页面链接。

动画效果

H5翻页编辑器中，可以对组件进行动画效果，和动画顺序的设置。目前提供飞入，旋转出现，展开等动画效果。对于组件的出场顺序，可以设置延迟时间，实现页面中有层次的动画展现。

动画分为进入，强调，消失。其中当加载完毕时，开始计算进入动画的延迟时间。进入后，开始计算强调动画的延迟时间（可以为0秒），注意选择次数。同时，还可以设置消失动画，计算延迟时间的开始点为强调动画播放完毕（若有强调动画）。

热区组件

该组件的作用是，可以实现某个区域的点击效果。在实际操作中会经常用到。当需要为页面某个区域实现添加链接时候，可以使用该组件。如下图：

全屏视频组件

随着营销的发展，视频成为了商家必备的营销手段。为此，淘积木平台准备了「视频组件」和「全屏视频组件」，区别在于全屏视频组件可以使得视频全屏播放，让消费者更加沉浸，前提是商家预备好竖版版本的视频。

请注意，组件设置中「在wifi环境下自动播放」指的是手机淘宝中，在wifi环境下，可以自动播放视频。