主题 主题生成器 浅色和深色 自定义 自定义主题变量 禁用主题 选项 压缩 缓存 自定义属性 CSP Nonce 主题 Provider 用例 主题 轻松更改你的应用程序的颜色。重建默认样式表，并根据你的特定需求自定义框架的各个方面。 主题生成器 使用我们的 Theme Generator 工具为你的 Vuetify ...

图标 用例 安装 iconfonts 安装 Material Design Icons 安装 Material Design Icons (JS SVG) 安装 Material Icons 安装 Font Awesome 5 Icons 安装 Font Awesome 4 Icons 安装 Font Awesome SVG Icons 使用...

快速入门 Vue CLI 安装 Vue UI 安装 Nuxt 安装 Webpack 安装 字体安装 使用 CDN 结合 Electron 结合 PWA 结合 Cordova 结合 Capacitor 快速入门 让我们从 Vuetify 开始吧，这是世界上最流行的 Vue.js 框架，用于构建功能丰富、快速的应用程序。 Vue...

双向性 (RTL) 双向性 (RTL) Vuetify 支持 RTL (右至左) 语言，可以通过启动应用程序时使用 rtl 选项激活。 你可以在规范网站上找到更多 implementing bidrectionality 。 // src/plugins/vuetify.js import Vue from 'vue' ...

预设 默认预设 Material Studies 安装 合并策略 局限性 Google 字体 编译时间 插件开发指南 generator.js index.js preset/index.js preset/overrides.sass preset/variables.scss 预设 对于第 2 版 Material De...

A-la-carte (treeshaking) vuetify-loader Importing vue.config.js 安装 Webpack 安装 所需样式 自定义动态导入 局限性 动态组件 函数组件 手动导入 A-la-carte (treeshaking) 作为一个组件框架，Vuetify 总是会横向增长。根据你的项目...

视差 用例 API 示例 和内容一起使用 自定义高度 视差 v-parallax 组件创建一个 3d 效果使图像显示比窗口滚动更慢。 用例 当用户滚动页面时，视差引起背景图像的滚动。 template <template> <v-parallax src = "https://cdn.vuetifyjs.com/...

排版 字体大小 示例 排版 应用程序的排版与其功能一样重要。Vuetify.js 使用 Material Design 规范中所要求的 Roboto 字体。每个标题大小也有一个相应的辅助器类来设置其它元素的样式。 字体大小 排版助手类允许你能够根据 Material Design 规范所要求的大小来简便的创建文本样式。 Typograph...

国际化 (i18n) 快速入门 API 创建翻译 自定义组件 Vue i18n 国际化 (i18n) Vuetify 支持其组件的语言国际化 (i18n)。 在引导应用程序时，您可以使用 current 选项指定可用的语言环境和当前活动的语言环境。lang 服务还支持与 vue-i18n 的轻松集成。 快速入门 要设置可用的语言...

断点 Breakpoint object 用例 断点 使用 Vuetify 的时候，你可以根据窗口的尺寸设定应用的布局。例如，我们可以使用特定的 grid 属性或者与指定的断点相关的助手类 (i.e. display ) 设定布局。Vuetify 提供了 5 个预先定义的断点，你也可以根据自己的需要修改他们。 Material Design ...