微信小程序中常用的页面组件

2021-01-31 本文已影响0人 wsgdiv

含摘录，非原创

一、基础组件

小程序UI组件库是基于“WeUI”闭源的组件库，是一套同微信原生视觉体验一致的设计组件，只有遵循相应的设计规范，用户的视觉体验才会达到统一。

WeUI是腾讯官方小程序设计规范的“小程序”版本，
特点：与微信界面风格基本一致。

Thor UI组件库提供微信小程序设计模版，全部都在Extend标签中，主要包括新闻、聊天、商城、抽奖、轮播图、评分等。

Taro UI组件库，主要包含基础、视图、操作反馈、表单、布局、导航以及高阶组件，每个对应组件的细节都较为全面。

Xview UI组件库主要提供布局组件、基础组件、表单组件。目前，小程序内部元素组件不是很全面，但是单个组件的种类比较多，可供设计师、开发者选择。

微信小程序中常常会有一些通用的布局模块，这些模块可能会在多个页面中使用，主要起布局作用。比如：图标、标签、按钮等。

ColorUI组件库是一个CSS类的UI组件库，不是Js框架。相比于同类小程序，Color UI更注重于视觉交互，主要包含基础元素、交互组件、插件扩展，是目前较为美观全面的小程序UI组件库。

View UI是Talking Data发布的一款高质量基于Vue.js的UI组件库，该平台有专业版、开发者社区、GitHub、码云等，且iView小程序版本的UI组件种类比较丰富。

Yu UI组件库是一个交流平台，为设计师、开发者提供布局组件、拓展栏目的同时，还为用户提供一个互动交流的平台。

YD UI组件库是一款能快速帮助开发者构建移动端的小程序UI组件。目前，只有基础元素和交互组件，未知组件还处于开发中。

随着Web技术的不断发展，微信小程序开发者一般都常用Vue、Element UI写项目，并制作一些通用的小组件，将其上传到GitHub库上，可以让开发者长期使用原生通用组件。

HelloUni UI组件库为开发者提供相应的小程序组件代码，开发者可以直接利用原生代码，降低开发成本和难度。

Min UI覆盖微信小程序原生框架和主流框架，是“蘑菇街”Web团队基于微信小程序自定义组件特性而开发的一套平台规范UI组件库。

Bee UI是基于Min Cli而开发的小程序组件库，Min Dev还支持引入npm包、多文件监听、全局模版、全局变量等开发能力。