devbox
2023面试高手
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

移动端开发常用的一些UI 组件库_移动端组件库

作者：2023面试高手 | 2024-02-16 12:29:33

赞

踩

移动端组件库

1、Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

  1. 官网：https://vant-ui.github.io/vant/v3/#/zh-CN/home
  2. 中文文档：https://vant-ui.github.io/vant/v3/#/zh-CN
  3. 在线预览：https://vant-ui.github.io/vant/v3/#/zh-CN/button
  4. github地址：https://github.com/vant-ui/vant
  5. 有赞团队开发的移动端组件库

2、VUX（读音 [v’ju:z]，同 views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。缺点：暂未适配 vue-cli@3.x

  1. 官网：https://vux.li/
  2. 中文文档：https://doc.vux.li/zh-CN/
  3. 在线预览：https://vux.li/demos/v2/?x-page=v2-doc-home#/
  4. github地址：https://github.com/airyland/vux
  5. 类似微信样式的移动端组件库

3、Vuetify是一个渐进式的框架，试图推动前端开发发展到一个新的水平。为了最好地完成这个任务，必须作出不支持一些老版本IE浏览器的牺牲。

  1. 官网：https://vuetifyjs.com/zh-Hans/
  2. 中文文档：https://vuetifyjs.com/zh-Hans/getting-started/quick-start
  3. github地址：https://github.com/vuetifyjs/vuetify
  4. Vuetify团队开发Vuetify是一个基于Vue.js的开源组件库，用于构建现代化的Web应用程序的用户界面。

4、Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

  1. 官网:http://mint-ui.github.io
  2. 中文文档：http://mint-ui.github.io/docs/
  3. github地址：https://github.com/ElemeFE/mint-ui/
  4. 在线预览：http://elemefe.github.io/mint-ui/#/
  5. 饿了么前端团队开发的移动端组件库

5、最接近原生APP体验的高性能前端框架。

  1. 官网：http://dev.dcloud.net.cn/mui/
  2. 中文文档：http://dev.dcloud.net.cn/mui/
  3. 在线预览：http://dcloud.io/hellomui/
  4. github地址：https://github.com/dcloudio/mui
  5. 安卓团队开发的移动端组件库

6、Muse UI 基于 Vue2.0 开发，Vue2.0是当下最快的前端框架之一，小巧，api友好，可用于开发的复杂单页应用。

  1. 官网：https://muse-ui.org/#/zh-CN
  2. 中文文档：https://muse-ui.org/#/zh-CN/installation
  3. github地址：https://github.com/museui/muse-ui
  4. 基于 Vue 2.0 优雅的 Material Design UI 组件库

7、cube-ui 由滴滴内部组件库精简提炼而来，是基于 Vue.js 实现的精致移动端组件库。

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库。

  1. 官网：https://didi.github.io/cube-ui/#/zh-CN
  2. github地址：https://github.com/didi/cube-ui
  3. 中文文档：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start
  4. 滴滴团队开发的移动端组件库

8、基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。

  1. 官网：https://wangdahoo.github.io/
  2. 中文文档：https://wangdahoo.github.io/vonic-documents/#/
  3. 在线预览：https://wangdahoo.github.io/vonic/docs/#/home
  4. github地址：https://github.com/wangdahoo/vue-scroller
  5. 某不知名作者开发

9、Ant Design Mobile

  1. 官网：https://mobile.ant.design/index-cn
  2. 中文文档：https://mobile.ant.design/docs/react/introduce-cn
  3. GitHub地址：https://github.com/ant-design/ant-design-mobile
  4. 说明：Ant Design Mobile是Ant Design的移动端组件库，提供了一套适用于移动端的UI组件。

10、Onsen UI

  1. 官网：https://onsen.io/
  2. 中文文档：https://onsen.io/v2/guide/
  3. GitHub地址：https://github.com/OnsenUI/OnsenUI
  4. 说明：Onsen UI是一个面向移动端的HTML5框架，提供了一套易于使用和美观的UI组件

11、Mint UI

  1. 官网：https://mint-ui.github.io/
  2. 中文文档：https://mint-ui.github.io/docs/#/
  3. GitHub地址：https://github.com/ElemeFE/mint-ui
  4. 说明：Mint UI是饿了么前端团队开发的一个移动端UI组件库，提供了丰富的组件和功能。

12、WeUI

  1. 官网：https://weui.io/
  2. 中文文档：https://weui.io/weui/#/
  3. GitHub地址：https://github.com/Tencent/weui
  4. 说明：WeUI是微信官方的UI库，提供了一系列符合微信设计风格的移动端UI组件。

13、 Arco Design

  1. 声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/93232
    推荐阅读
    相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。