App

GitHub
封装您的应用程序以提供全局配置等功能。

用法

此组件实现了 Reka UIConfigProvider以向所有组件提供全局配置

  • 使所有基本元素能够继承全局阅读方向。
  • 允许在设置主体锁定后更改滚动主体的行为。
  • 更多控制以防止布局偏移。

它还使用ToastProvider和TooltipProvider提供全局吐司和工具提示，以及程序化的模态框和滑出框。

在您的 app.vue 文件中用 App 组件包裹整个应用程序

app.vue
<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>
了解如何使用 locale 属性更改应用程序的区域设置。
了解如何使用 locale 属性更改应用程序的区域设置。

API

属性

属性默认值类型
tooltip

TooltipProviderProps

吐司通知

null | ToasterProps

区域设置

Locale<Messages>

portal

'body'

string | false | true | HTMLElement

滚动主体

boolean | ScrollBodyOption

应用程序的全局滚动主体行为。这将由相关的基本元素继承。

nonce

string

应用程序的全局 nonce 值。这将由相关的基本元素继承。

插槽

插槽类型
default

{}

更新日志

7659f— 修复：允许全局传送门禁用 (#5111)

5cb65— 特性：导入 @nuxt/ui-pro 组件

29fa4— 特性：添加全局 portal 属性 (#3688)

b9983— 修复：改进泛型类型 (#3331)

容器

容器允许您居中并限制内容宽度。