Quasar Framework 中文网

轻松打造高性能&高质量的 Vue.js 3 用户界面, 以最短的时间
我们的高级赞助商

全平台支持

结合Quasar UI和Quasar CLI的强大功能。一个用于所有平台的源代码,同时提供所有最新和最好的现成最佳实践。只关注你的应用程序的功能,而忘记它周围的样板(boilerplate)。

$ yarn global add @quasar/cli
$ yarn create quasar

$ npm i -g @quasar/cli
$ npm init quasar

$ pnpm i -g @quasar/cli
$ pnpm create quasar

令人印象深刻的用户界面构建块

Components
Ajax Bar Ajax栏Avatar 头像Badge 标记Banner 横幅Bar 栏Breadcrumbs 面包屑Button Dropdown 按钮下拉Button Group 按钮组Button Toggle 按钮切换Button 按钮Card 卡片Carousel 转盘Chat Message 聊天消息Checkbox 复选框Chip 碎片Circular Progress 循环进度Color Picker 颜色选择器Date Picker 日期选择器Dialog 对话框Editor - WYSIWYG 编辑器Expansion Item 扩展项Field (wrapper) 字段 (包裹器)File picker 文件选择器Floating Action Button 浮动操作按钮Form 表单Icon 图标Img 图像Infinite Scroll 无限滚动Inner Loading 内部加载Input Textfield 输入文字字段Intersection 交叉Knob 旋钮LayoutLayout DrawerLayout FooterLayout HeaderLayout PageLinear Progress 线性进度List & List Items 列表和列表项Markup Table Markup表格Menu 菜单No SSR 无SSROption Group 选项组Page ScrollerPage StickyPagination 分页Parallax 视差Popup Edit 弹出编辑Popup Proxy 弹出代理Pull to refresh 拉动刷新Radio 单选框Range 范围Rating 评分Resize Observer (for Element) 调整大小侦听器(对于元素)Responsive 响应式Scroll Area 滚动区域Scroll Observer 滚动侦听器Select 选择框Separator 分隔条Skeleton 骨架Slide Item 滑动项Slide Transition 滑动过渡Slider 滑块Space 间距Spinners 旋转器Splitter 拆分器Stepper 步进器Tab Panels 选项卡面板Table 表格Tabs 选项卡Time Picker 时间选择器Timeline 时间线Toggle 切换Toolbar 工具栏Tooltip 工具提示Tree 树Uploader 上传器Video 视频Virtual Scroll 虚拟滚动

Quasar Icon Genie

使用一个源图标,并自动克隆、缩放、缩小并将(需要的)100+个生成的图标和启动屏幕放置在适合您的目录中。
IconGenie