App

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

用法

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

  • 使所有基础元素继承全局阅读方向。
  • 设置 body lock 时，允许改变滚动主体（scroll body）的行为。
  • 更多控制以防止布局偏移。

它也使用了ToastProvider和TooltipProvider提供全局的消息提示和工具提示，以及编程控制的模态框和侧滑弹窗。

在您应用的根部使用它

app.vue
<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>
了解如何使用 locale prop 来改变您应用的区域设置。
了解如何使用 locale prop 来改变您应用的区域设置。

API

属性

属性默认值类型
tooltip

TooltipProviderProps

toaster

null | ToasterProps

locale

Locale<Messages>

portal

'body'

string | HTMLElement

scrollBody

boolean | ScrollBodyOption

您应用的全局滚动主体（scroll body）行为。相关基础元素将继承此设置。

nonce

string

您应用的全局 nonce 值。相关基础元素将继承此值。

插槽

插槽类型
默认

{}

useToast

一个在您的应用中显示消息提示的可组合项。

手风琴

一组堆叠的可折叠面板。