当前位置: 首页 > 软件库 > Web应用开发 > Vue 组件 >

Vuetify

Vue.js 的 Material 组件框架
授权协议 MIT
开发语言 JavaScript TypeScript
所属分类 Web应用开发、 Vue 组件
软件类型 开源软件
地区 不详
投 递 者 姚鹤龄
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Vuetify 是 Vue 的语义化组件框架,旨在提供整洁、语义化和可重用的组件,使得构建应用程序更方便。

通过借助 Vue 和 Material Design 的强大功能,以及大量精心制作的组件库和特性,我们可以使用 Vuetify 构建优秀的应用。Vuetify 遵守 Google 的 Material Design 规范,其组件具有易记忆的语义设计,可将记忆复杂的类和标记符号转换为简单且明确的名称。

浏览器支持

Vuetify 支持所有现代浏览器,包括 IE11 和 Safari 9+。从手机到笔记本电脑到 PC,均可在这些设备上完成交付。

如果需要针对搜索引擎进行优化,尝试使用 vue-cli Webpack SSR(服务器端渲染)模板。

示例组件

栅格系统

日历

  • 随着 Web 应用程序中可视化组件封装新框架的引入,其他几个需求也得到了强调,包括路由、安全性、SPA 和 PWA 支持、国际化,当然还有 UI。 Vue 也是如此,它已被广泛用于开发 Web 应用程序和混合移动应用程序。xx文库下载器,百度付费文档全部免费下载,突破文库VIP限制!虽然 Vue 非常关注组件逻辑和整个应用程序,但开发人员需要使用其他类型的 UI 库或框架来为页面添加样式和设计。

  • 设置字体 设置前景色(字颜色)为红色 <span class="red--text">100</span> <span class="red--text text--darken-2">100</span> 设置字体粗体 <div class="font-weight-bold"></div> 水平居中 文本居中 <v-row class="text-center">///center///<

 相关资料
  • 有两种类型的框,信息框和小框。两个框均用于显示统计摘要。 信息框 <div class="info-box"> <span class="info-box-icon bg-info"><i class="far fa-envelope"></i></span> <div class="info-box-content"> <span class="info-box-text"

  • 我正在构建一个组件,如下所示: 它的用途是以Formik形式使用,如 它是一个组件,如 您单击和 - 并且值递增/递减。 听起来很简单,但是我不知道如何从内部改变这个值。StyledTextField是一个用样式化组件包装的@material-ui/core/TextField。我想做的是触发onChange事件,该事件显然是在props中传递的,并进一步放置在{...其他}。我可以改变输入的值,

  • 我想使用打字稿从材料-用户界面扩展按钮组件的道具,以便能够将额外的道具传递给它的孩子。 我尝试在中添加以下声明。/app/types/material_ui.d.ts: 这将引发错误“TS2693:'Button'仅引用一种类型,但在此处用作值。 我也试过声明: 这将引发错误“TS2323:无法重新声明导出的变量'按钮'”。 我的tsconfig.json是这样的: 最后是来自Menty-UI的原

  • 问题内容: 我一直坚持使用redux连接器导出Material-ui样式。这是我的代码: 我试过了: 有什么办法吗? 问题答案: 安装或 在您的出口部分 我忘了出口我的商店。

  • 文本框可以让用户输入文本。它们可以是单行的,带或不带滚动条,也可以是多行的,并且带有一个图标。点击文本框后显示光标,并自动显示键盘。除了输入,文本框可以进行其他任务操作,如文本选择(剪切,复制,粘贴)以及数据的自动查找功能。详情见 模式 > 选择 文本选择的设计。 文本框可以有不同的输入类型。输入类型决定文本框内允许输入什么样的字符,有的可能会提示虚拟键盘并调整其布局来显示最常用的字符。常见的类型

  • Dialogs (提示框)用于提示用户作一些决定,或者是完成某个任务时需要的一些其它额外的信息。 Dialog可以是用一种 取消/确定 的简单应答模式,也可以是自定义布局的复杂模式,比如说一些文本设置或者是文本输入 。 用途 Dialog 最典型的应用场景是提示用户去做一个些被安排好的决定 ,而这些决定可能是当前任务的一部分或者是前至条件。 Dialog 可以用于告知用户具体的问题以便他们作用重要

  • 问题内容: 可以说我希望每个组件都具有默认的道具吗? 问题答案: 此处的文档位于: https //material-ui.com/customization/globals/#default-props 这是如何执行此操作的示例:

  • Spl标准库 API版本控制 Session 容器服务 日志 系统常量 ShareMemory RPC&SOA