在开发门户或表单时，为了提升用户体验，通常会在数据加载或处理时显示一个 Loading 提示。这样可以让用户知道当前操作正在处理中，而不是页面卡死或无响应。

```
o2.require("o2.widget.Mask", null, false);
const mask = new o2.widget.Mask({
"html" : "数据加载中"
});
mask.loadNode(this.form.getApp().node);
mask.loadBar.setStyles({
"height" : "40px",
"width" : "100px"
})
```

## 1. 引入 Mask 组件

首先，需要引入 `o2.widget.Mask` 组件。这可以通过 `o2.require` 方法来实现。

```javascript
o2.require("o2.widget.Mask", null, false);
```

## 2. 创建 Loading 提示

创建一个 `Mask` 实例，并设置 Loading 提示的内容和样式。

```javascript
const mask = new o2.widget.Mask({
html: "数据加载中"
});
```

## 3. 应用到目标节点

将 Loading 提示应用到目标节点（如表单或门户的主节点）。

```javascript
mask.loadNode(this.form.getApp().node);
```

## 4. 设置 Loading 样式（可选）

可以通过 `setStyles` 方法自定义 Loading 提示的样式，例如高度、宽度等。

```javascript
mask.loadBar.setStyles({
height: "40px",
width: "100px"
});
```