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>