常用的几款Vue移动端UI推荐
收录几个常用的移动端UI框架,不定时更新。
1. Ionic / Ionic Framework
官网地址 | Github地址
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in
React
.Vue
.Angular
.
一款开源的移动端UI工具包,用于开发现代的、高性能的跨平台移动app,支持React
/Vue
/Antular
。
Ionic 有以下特点(官网说明翻译):
**1. 高性能:**默认快速构建——硬件加速和手势优化。
**2. 跨平台:**一份代码可以为多个移动平台构建灵活的UI。
**3. React
、Angular
、Vue
:**对三大框架支持,也支持纯JS环境。
**4. 亮色、暗色UI:**支持亮色和暗色主题。
Ionic提供了十分丰富的组件,各个组件也提供了完善的API。
个人感觉Ionic 已经不仅仅是个UI,Ionic 的用户其中很大一部分是注重其跨平台 app开发的功能,开发者通过Ionic cli可以便捷的进行跨平台app的开发,做到一份代码多端运行。
不过有一点点可惜的是,其支持Vue
,但是只支持Vue3.x
版本。
2. Vant
文档网站 | Github地址 | Demo地址
Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。
Vant提供了比较完善的组件,尤其是对于移动端购物网站,提供了丰富的组件,如AddressEdit 地址编辑
、Card 卡片
、ContactCard 联系人卡片
等等一系列组件。
Vant不仅仅支持Vue2.x
,还支持最新的Vue3.x
3. cube-ui
cube-ui 是滴滴推出的基于 Vue.js 实现的精致移动端组件库。
文档网站 | Github地址 | Demo地址
个人感觉cube-ui提供的组件不是那么的丰富,还有待完善,不过可以满足大部分日常开发需求。另外一点给人的感觉就是官网文档写的不是很详细。
4. TDesign
官方网站 | Github地址
TDesign诞生于鹅厂内部业务,其不仅仅是一个简单的UI,更是一套比较完善的设计指南和视觉体系。
TDesign支持以下多端:
- 桌面端(
Vue
: 2.x、3.x稳定支持、React
:beta、Angular
:待上线) - 移动端(
Vue 3.x
:beta、React
:alpha、Flutter
:待上线、Taro
:待上线) - 小程序(
微信小程序
:Rc、QQ小程序
:alpha)
从上面我们可以看出TDesign对于桌面端支持的比较完善,app端则有待加强,对Vue3.x
的支持也仅仅是到beta的程度、并且似乎对于Vue2.x
版本的支持并没有在计划中。
通过TDesign官网我们可以看到,其对于不同的设计工具(如Figma、Sketch、Axure、AdobeXD)都提供了相应的设计素材,这一点对于设计人员确是比较友好的。
5. Mint UI
Mint UI是饿了么前端团队推出的基于 Vue.js 的移动端组件库。
官网地址 | Github地址 | Demo地址
提供的组件能满足大部分日常开发需求,组件API有待完善。其支持Vue 1.x
、Vue 2.x
,遗憾的是并不支持Vue 3.x
6. VUX
官网地址 | Github地址 | Demo地址
VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。VUX官网充满了浓浓的自嘲的味道,以下几点都是摘自官网首页,
常用的几款Vue移动端UI推荐相关推荐
- 5 款最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐
本文完整版:<最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐> Vue 移动端 UI 组件库推荐 Vant 3 - 有赞移动 UI 组件库,支持 Vue 3 微信小程序 ...
- [vue] 移动端ui你用的是哪个ui库?有遇到过什么问题吗?
[vue] 移动端ui你用的是哪个ui库?有遇到过什么问题吗? vant,mint等等吧,各有各的坑,不过大部分都是可以查到解决方案的 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
- vue 移动端ui框架
vue移动端ui框架合集 转载于:https://www.cnblogs.com/knuzy/p/9508042.html
- Vue 移动端UI组件库
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约. 文档 | github地址 | 在线预览 2. vux vux 基于We ...
- Vue PC端框架和Vue移动端UI框架
Vue PC端框架和Vue移动端UI框架 在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎.下面是 ...
- Vue移动端UI组件库
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约. 中文文档 | github地址 | 在线预览 image 2. vux ...
- Vue移动端UI框架
自从Vue成为前端的主流框架之后,各家UI框架也越来越多,今天重点聊一聊移动端的那些框架吧,Vue移动端框架到底哪家强?以下排名不分先后,开发过程中根据自己的具体业务需求来做选择. 1.Vux 中文文 ...
- vue3使用的移动端UI框架,vue移动端ui框架哪个好
号称目前最火的前端框架Vue,它有什么显著特点呢? 1.Vue是什么是目前最火的一个前端框架,除了可以开发网站,还可以开发手机App.是前端的主流框架之一,和.一起,并成为前端三大主流框架. 是一套构 ...
- 前端开发常用,好看实用的PC端UI库
1. Element Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 https://github.com/ElemeFE/element Git ...
最新文章
- matlab结课论文_科研小班 | 加州大学伯克利分校 | 物理、电子工程:MATLAB信号和数据处理课题...
- 第二章java编程基础测试题_Java编程基础测试题分享
- 论文公式编号右对齐_论文不会写?最详细的论文排版技巧
- Redis的发布订阅与主从配置
- PC 平台上的一种快速 Red Hat Linux 安装方法
- android 图片去色,android替图片去色,返回灰度图片
- linux服务器怎么安装证书,linux服务器证书安装指引
- xshell安卓版下载_xshell5手机安卓版下载|Xshell5最新版下载_v5.0.1199_9ht安卓下载
- 紫外分光光度法测量蛋白质的含量
- Java语言学习指导与习题解答_Java语言程序设计(第3版)学习指导与习题解析
- 英特尔下月将推出双核Atom处理器及配套主板
- Android Study 之 聊聊有关SVG那些事儿
- HTML超出文本显示省略号...[text-overflow]
- java算法买3瓶送1瓶_【算法】啤酒与瓶盖与空瓶(java)
- 怎么用计算机求逆矩阵,计算机是怎么求解线性方程的(矩阵乘和求逆)
- 高斯-赛德尔迭代(Gauss–Seidel method)c语言实现
- L1-7 谷歌的招聘
- 学习游戏动漫、人物建模收入前景怎么样?
- 多方合作!上海交大成立两个人工智能相关研究机构
- 801冠号大全及桃花荧光