App Vue 组件

App 组件
App 属性
示例

App Vue 组件是主要的应用程序组件，允许定义全局主题（iOS 或 Material）以及其他有用的全局设置。

如果您将 Konsta UI 与其他框架（如 Framework7 或 Ionic）一起使用，则应使用 KonstaProvider 而不是它。

App 组件

包含以下组件：

App

App 属性

名称	类型	默认值	描述
组件	字符串	'div'	组件的 HTML 元素
深色	布尔值	false	包括 `dark:` 变体（如果使用深色主题）
安全区域	布尔值	true	向容器添加 `safe-areas` 类。如果应用程序容器是全屏元素，则应启用它以正确处理屏幕安全区域
主题	'ios' \| 'material' \| 'parent'	'material'	应用程序主题。如果设置为 `'parent'`，它将在根 `<html>` 元素上查找 `ios` 或 `md` 类，这对于与 Framework7 或 Ionic 等父框架一起使用很有用
触控波纹	布尔值	true	在 Material 主题中启用触控波纹效果。允许全局禁用所有组件的触控波纹效果

示例

App 组件应用作所有 Konsta UI 组件的主要包装器，并且应用程序中一次只能有一个 App 组件

<template>
  <!-- App component ideally should be the main root component -->
  <k-app theme="ios" safe-areas>
    <!-- rest of Konsta UI components -->
  </k-app>
</template>
<script>
  import { kApp } from 'konsta/vue';

  export default {
    components: {
      kApp,
    },
  };
</script>