1.   走马灯页面结构

1612231277-837ef958e8dd7b0

走马灯由N幕组成,背景置于底层,只能设置一个背景。浏览时,每一幕会按顺序绕着屏幕最右端旋转,效果如下图:

1612231278-ef89c47d6c363cb

2.   编辑

2.1   元素的使用

1612231313-15ae0faba0ece3d

a.   刚创建时,如上面左图,页面显示白色。但在手机浏览时,它是透明的,能透过这一幕,看到下一幕的元素。

b.   如上面右图,添加了边框。无法透过红色部分看到下一幕,如果需要白色区域能看到下一幕,则要求边框图片中间区域是透明,无像素的png图片。

2.2   添加幕数

1612231314-6618992c36fe870

点击箭头所指位置,添加幕。注:一个走马灯页面最多容纳30幕。

2.3   设置背景

1612231315-86d2587056ff335

一个走马灯页面只允许设置一个背景,此背景将置于最底部。

2.4   设置幕与幕之间的距离

1612231316-cfbcf009e91303b

第二幕开始,可以设置与前一幕的距离。

发表回复

后才能评论