内置布局支持

使用布局时,请根据功能在以下布局中选择

流式布局

最常用的布局。详细说明

type 对应类型
container-oneColumn 单列(一排一)
container-twoColumn 双列
container-threeColumn 三列
container-fourColumn 四列
container-fiveColumn 五列
container-flow N列

一拖N(N=2/3/4)

左边一个大的,右边N个小的,可调整比例。详细说明

有三种样式:

  • 左边一个,右边上面一个下面一个
  • 左边一个,右边上面一个下面两个
  • 左边一个,右边上面一个下面三个

会根据数据的数量自动区分

type 对应类型
container-onePlusN 一拖2/3/4

浮标

可拖动,自动吸边。详细说明

type 对应类型
container-float 浮标

固定

固定在某个位置,不可拖动。详细说明

type 对应类型
container-fix 固定顶部或者底部,根据属性指定
container-scrollFix 滚动固定(滚动到某个布局的时候,出现并固定)

吸顶/吸底

碰到Tangram的顶端或底端就吸住。详细说明

type 对应类型
container-sticky 吸顶或吸底,根据属性指定

轮播

适用于Banner的场景,可自动滚动,循环滚动。详细说明

type 对应类型
container-banner 轮播

线性滚动

不是Banner一页一页的滚动。详细说明

type 对应类型
container-scroll 线性滚动,不像轮播一样具有一页一页的效果

瀑布流

详细说明

type 对应类型
container-waterfall 瀑布流

最新的: