最终决定参考Element UI的设计风格,主题色选择紫色(受到MaterialDesignInXamlToolkit的影响),写一套基于Vue3的UI框架库和对应的官方网站,方便后期在项目中快速使用,也算是对Vue3新特性的学习和总结。 先看一下Jeremy UI 官网效果吧!目前项目依然处于开发阶段,小伙伴们有兴趣可以跟着一起练习一下,也欢迎参与到项目中,...
05 - Vue3 UI Framework - Button 组件 官网基本做好了,接下来开始做核心组件 返回阅读列表点击这里 目录准备 在项目src目录下创建lib文件夹,用来存放所有的核心组件吧。然后再在lib文件夹下创建Button.vue文件。 您也可以进行结构化设计,比如,这里就不进行了。 |-lib|-Button|-Button.vue|-Button.ts|_Button....
Ant Design Vue:Ant Design Vue是由Ant Design团队开发的一套基于Vue3的UI组件库,它提供了一系列美观、易用的组件,如按钮、表单、导航、布局等,适用于构建企业级移动应用。 Mint UI:Mint UI是一个由饿了么团队开发的基于Vue3的移动端UI组件库,它包含了丰富的组件和功能,如按钮、导航、轮播图、下拉刷新等,适用...
Element+ 在 GitHub 上拥有11.1k+颗星,正在成为 Github 上最受欢迎的 Vue3 UI 框架之一,它以出色的问题管理、及时更新、可插入组件和通过SCSS变量的高定制性达到了开发者的期望。 Ionic 官方网站:https://ionicframework.com/docs/vue/overview Ionic是最早提供 Vue3 支持的 UI 框架之一, Ionic 更倾向于移动 UI...
官网:www.naiveui.com/ GitHub:github.com/tusen-ai/naive-ui/ Naive UI是由TuSimple团队开发并维护的一个现代化的Vue 3组件库。它旨在提供一套简洁、直观且易于使用的界面元素,帮助开发者快速构建美观的应用程序。Naive UI提供了包括按钮、输入框、布局、表格、提示等在内的多种常见UI组件,这些组件都遵循Material...
Vue 3 有多个优秀的 UI 框架可供选择,1、Element Plus,2、Vuetify,3、Ant Design Vue,4、Quasar Framework,5、Naive UI。这些框架各有特色,适用于不同的项目需求和开发者习惯。接下来,我们将详细介绍这些框架的特点和适用场景。 一、ELEMENT PLUS Element Plus 是基于 Vue 3 的一套桌面端组件库,继承了 Element...
Ionic Framework 是一个开源 UI 工具包,用于使用 Web 技术(HTML、CSS 和 JavaScript)构建高性能、高质量的移动和桌面应用程序,并集成了Angular、React和Vue等流行框架。资源地址 官方文档:vue文档地址 仓库资源:github地址 WaveUIWaveUI 提供的组件非常漂亮,动画效果也非常好,它的风格在整个框架中是一致的。企业级...
Element+ 在 GitHub 上拥有11.1k+颗星,正在成为 Github 上最受欢迎的 Vue3 UI 框架之一,它以出色的问题管理、及时更新、可插入组件和通过SCSS变量的高定制性达到了开发者的期望。 Ionic 官方网站:ionicframework.com/docs Ionic 是最早提供 Vue3 支持的 UI 框架之一, Ionic 更倾向于移动 UI,团队知道如何迎合和...
Element+在Vue2中广受欢迎,为Vue3提供了大量组件,涵盖了构建复杂应用所需的内容。它提供成熟的日期、时间选择器、树、时间线、日历组件,甚至提供动画、国际化系统等开发所需元素。Element+在GitHub上拥有11.1k+颗星,成为最受欢迎的Vue3 UI框架之一。Ionic 网站:ionicframework.com/docs...Ionic是...