当前位置:首页 >> 教程资讯

【H5微场景】一镜到底页面结构制作教程

录入编辑:微科技 | 发布时间:2022-12-30
【H5微场景】一镜到底页面结构制作教程 发表时间:2021-03-19 13:41 一、创建 二、编辑页面结构 一镜到底由N幕组成,每一幕都代表一个平面,平面内可放置多个元素。幕与幕之间可设置间距,示例如下

【H5微场景】一镜到底页面结构制作教程

发表时间:2021-03-19 13:41

一、创建

二、编辑页面结构

一镜到底由N幕组成,每一幕都代表一个平面,平面内可放置多个元素。幕与幕之间可设置间距,示例如下:

如上图,两个文本分别在第1幕和第2幕内,在没有设置第1幕背景的情况下,我们是可以透过第1幕,之间看到第2幕的元素的。

那在第N幕设置了背景,是怎样的效果呢?示例:

如上图,分别在第2幕和第4幕设置了橙色、蓝紫色的背景。可见,在设置了第二幕的背景后,我们看不到第二幕之后的元素,只有穿过了这层背景后,才能看到之后的元素。

三、操作

- 添加幕

箭头所指的位置都可以进行“添加幕”的操作。最多可添加100幕。拖动右边属性面板的列表,可调整每一幕的顺序。

- 调整幕与幕之间的距离

间距的定义是当前幕与上一幕的距离。所以,第1幕没有此设置项。从第2幕开始,可以设置与第1幕的距离,以此类推...

- 设置背景

需设置多个背景时,为保证预览效果,设置背景两幕之间相隔不应少于5幕。

- 预览

可直接点“预览效果”按钮查看实际效果

- 调整

在预览完效果,需要进行调整时,可点击页面设置按钮,快速帮你定位到需要调整的位置。

上一篇:【H5微场景】720°全景页面结构制作教程
下一篇:【H5微场景】走马灯页面结构制作教程
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询