天天看点

移动端UI框架大比拼

1、vonic

vonic是一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用

onic 依赖以下几个库,在创建 vonic 项目之前,请确保引入它们。

vue.js

vue-router.js

axios.js (vue.js 官方推荐的 ajax 方案)

中文文档 在线预览

移动端UI框架大比拼

特点:样式简单好看,组件比较全面

移动端UI框架大比拼

2、Mint UI

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库

特点:体积小,使用方便,代码简洁易懂,但是组件不是特别多,着重于表单和列表控件

移动端UI框架大比拼
移动端UI框架大比拼
移动端UI框架大比拼

MUI

MUI 是 最接近原生APP体验的高性能前端框架,MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K

特点:不依赖于任何框架,有很多原生APP的组件,但是好像时候做APP,单独做移动端的网页的话比较麻烦,比较适合做APP混合开发

Vant

Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。

特点:推荐使用 Vue 官方提供的脚手架 Vue Cli 3 创建项目

60 个组件

90% 单元测试覆盖率

完善的中英文文档和示例

支持按需引入

支持主题定制

支持国际化

支持 TS

支持 SSR

组件比较全面,而且有些业务上的特色

移动端UI框架大比拼
移动端UI框架大比拼

Cube UI

Cube由滴滴内部组件库精简提炼而来, 基于 Vue.js 实现的精致移动端组件库。

特点:主要包括以下四个方面的组件,对于基础的需求已经够了,里面的样式比较成熟。

移动端UI框架大比拼

继续阅读