App

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

用法

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

  • 使所有原语（primitives）能够继承全局阅读方向。
  • 在设置主体锁定（body lock）时，允许更改滚动主体的行为。
  • 提供更多控制手段以防止布局偏移。

它同时也使用了ToastProvider和TooltipProvider用于提供全局提示（toasts）和工具提示（tooltips），以及编程式模态框（modals）和侧滑窗（slideovers）。

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

app.vue
<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>
了解如何使用 locale 属性来更改应用的语言区域设置。这也将控制日历（Calendar）、日期输入（InputDate）和时间输入（InputTime）等组件中的日期/时间格式。
了解如何使用 locale 属性来更改应用的语言区域设置。这也将控制日历（Calendar）、日期输入（InputDate）和时间输入（InputTime）等组件中的日期/时间格式。

API

属性

属性默认值类型
tooltipTooltipProviderProps
toasternull | ToasterProps
localeLocale<T>
portal'body'string | false | true | HTMLElement
dir'ltr'"ltr" | "rtl"

应用程序的全局阅读方向。此设置将被所有原语继承。

scrollBodyboolean | ScrollBodyOption

应用程序的全局滚动主体行为。此设置将被相关原语继承。

noncestring

应用程序的全局 nonce 值。此值将被相关原语继承。

插槽

插槽类型
default{}

更新日志

暂无近期更新

容器 (Container)

容器组件允许你将内容居中并限制其宽度。