colorui小程序ui组件库

1、优点：视觉效果漂亮，注意看一下，他可以将样式沉浸到手机最顶部，这一点很好，同时其他组件也挺好，可针对自己的需求，直接修改或覆盖他的css样式。
2、缺点：缺少文档、很多新人无从下手

下载

  1. https://github.com/weilanwl/ColorUI
  2. //直接在git上下载

使用

目录结构

image.png

导入colorui样式

  1. /* 动画库 */
  2.     @import './common/animate.min.css';
  3. /* colorui样式 */
  4.     @import "colorui/main.css";
  5.     @import "colorui/icon.css";
  6. //根据自己文件所在位置导入

注册全局组件

  1. import cuCustom from './colorui/components/cu-custom.vue'
  2. Vue.component('cu-custom',cuCustom)

WeUI 小程序–使用教程*

官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。小程序开发中最常用到的一款框架，受广大开发人员的欢迎。

WeUI 使用简单，风格微信原生风格，以绿色为主色 ，主要是两个大版本 ，1.x版本和2.x版本 ，相比1.x版本来说，2.x版本视觉上更好。
WeUI 使用第一个问题 ，文档不是很详细 ，访问 https://weui.io 能看到效果图，没有直观的显示效果对应的代码 ，从开发角度来说，文档不够直接，使用不是很方便。
WeUI 使用第二个问题是：风格与微信视觉体验一致，在开发中我们需要更丰富漂亮的UI效果 ，需要修改WeUI的样式或自定义css 。

  1. https://weui.io/

美团小程序框架mpvue*

通过写vue的代码，在自动编译后生成小程序的代码。
官方介绍：mpvue是一个使用 Vue.js开发小程序的前端框架。框架基于 Vue.js核心，mpvue修改了 Vue.js的 runtime和 compiler实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。

  1. Github：https://github.com/Meituan-Dianping/mpvue
  2.  官网：  http://mpvue.com/

组件化开发框架wepy

官方介绍：组件化开发，完美解决组件隔离，组件嵌套，组件通信等问题,支持使用第三方 npm 资源，自动处理 npm 资源之间的依赖关系，完美兼容所有无平台依赖的 npm 资源包.

  1.  Github地址:
  2.  https://github.com/Tencent/wepy
  3.  官网地址：
  4.  https://tencent.github.io/wepy

官方框架MINA

官方介绍：框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。

  1.  地址：https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

Tina.js 一款轻巧的渐进式微信小程序框架

官方介绍：是一款轻巧的渐进式微信小程序框架，保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。

  1. Tina.js 开源框架地址： https://github.com/tinajs/tina

前端框架weweb

官方介绍：weweb是一个兼容小程序语法的前端框架，你可以用小程序的写法，来写web应用。如果你已经有小程序了，通过它你可以将你的小程序运行在浏览器中。

  1. 地址: https://github.com/wdfe/weweb

微信UI组件库 iView Weapp*

介绍：iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。

:::info 优点：提供了丰富的UI组件，尤其是 tabBar、Tabs、抽屉、index索引 ，使用比较方便 。
缺点：页面风格比较固定、修改起来比较困难。输入框在模拟器下经常无法输入，给应用调试带来了麻烦。 :::

  1. https://weapp.iviewui.com/

ZanUI-WeApp — 一个颜值高、好用、易扩展的微信小程序 UI 库

官方介绍：ZanUI-WeApp结合了微信的视觉规范，为用户提供更加统一的使用感受。 包含 badge、btn、等共计 17 类组件或元素。

  1. https://cnodejs.org/topic/589d625a5c8036f7019e7a4a

Vant Weapp*

1、优点：视觉效果简单明朗、提供了日常开发使用的组件、文档很详细。
2、缺点：门槛相比其他几个UI框架高，需要会 vue 的开发者，同时不支持原生开发。
GitHub 地址：https://github.com/youzan/vant-weapp 开发文档参考：https://youzan.github.io/vant-w

TaroUI

官方地址：https://taro-ui.jd.com/#/
1、优点：Taro UI 可谓神通广大，功能丰富，开发一套代码可以可以在微信小程序 / H5 / 百度小程序 等多端适配运行。
2、缺点：入门门槛高，不适合新人开发者。相对而言，使用的人数不够多，开发中出现问题排查困难。只用在微信小程序开发上，大材小用了，杀鸡焉用宰牛刀！

uni-ui*

  1. https://uniui.dcloud.net.cn/components/transition.html