Layout 布局

禁止页面滚动

html 标签中添加 vus-html-unscrollable 类名即可禁止浏览器滚动事件。

<html class="vus-html-unscrollable"></html>

布局包装

在元素标签中添加 vus-wrapper 类名,可使该元素只能 y 轴滚动, x 轴禁止滚动。

<div class="vus-wrapper"></div>

布局容器

如果网站使用了响应式布局,那么需要 vus-container 类来包裹网站的内容。

<div class="vus-container"></div>

元素水平居中

vus-mx-auto 类设置了:margin-left: auto;margin-right: auto; 属性。

<div class="vus-mx-auto"></div>

元素全屏

vus-full 类设置了:width: 100%;display: block; 属性。

vus-full-flex 类设置了:width: 100%;display: flex; 属性。

<div class="vus-full"></div>
<div class="vus-full-flex"></div>