On this page

布局

层级

用于控制元素的堆栈顺序的功能类。

使用前缀

为了防止和开发者项目中的其他原子化样式语法冲突，样式库默认添加了前缀 lwu，使用示例如下：

vue

<view class="lwu-flex"></view>

语法

auto

Class	Properties	平台兼容性说明
z-auto	z-index: auto;	H5、小程序、app-vue

0-5

Class	Properties	平台兼容性说明
z-0	z-index: 0;	H5、小程序、app-vue、app-nvue
z-1	z-index: 1;	H5、小程序、app-vue、app-nvue
z-2	z-index: 2;	H5、小程序、app-vue、app-nvue
z-3	z-index: 3;	H5、小程序、app-vue、app-nvue
z-4	z-index: 4;	H5、小程序、app-vue、app-nvue
z-5	z-index: 5;	H5、小程序、app-vue、app-nvue

10-60

Class	Properties	平台兼容性说明
z-10	z-index: 10;	H5、小程序、app-vue、app-nvue
z-20	z-index: 20;	H5、小程序、app-vue、app-nvue
z-30	z-index: 30;	H5、小程序、app-vue、app-nvue
z-40	z-index: 40;	H5、小程序、app-vue、app-nvue
z-50	z-index: 50;	H5、小程序、app-vue、app-nvue
z-60	z-index: 60;	H5、小程序、app-vue、app-nvue

-1--5

Class	Properties	平台兼容性说明
-z-1	z-index: -1;	H5、小程序、app-vue、app-nvue
-z-2	z-index: -2;	H5、小程序、app-vue、app-nvue
-z-3	z-index: -3;	H5、小程序、app-vue、app-nvue
-z-4	z-index: -4;	H5、小程序、app-vue、app-nvue
-z-5	z-index: -5;	H5、小程序、app-vue、app-nvue