Recommended micro-channel several small programs commonly used UI component library

  In the process of small micro-channel program development in their own without the aid of UI component library developed a page, not only to spend more time, there is a certain gap between the aesthetics of the page.

  So here I give you recommend some good-looking, popular a few UI component library.

WeUI

WeUI is produced official micro-channel component library, which follows the visual design and interaction design micro-channel, provides the basis for all kinds of styles of native components, simple and elegant style. This choice of a component library, you can make your own little micro-channel program and maintain a consistent interface style.

                                                     

The official component library based interface to meet the demand, but if you want more full of visual, more lively and dynamic effect, I am afraid WeUI it can not meet your needs.

GitHub Address: https://github.com/Tencent/weui

ColorUI component library

ColorUI is published by Wen Yan Xiaogang high value component library, focusing on the visual interaction. Compared to the low-key restraint WeUI, ColorUI bright colors, many styles. In addition to its wealth of native components custom styles, it also provides some common page elements, such as the timeline, step bars, chat pages, modal windows, and so on.

 

ColorUI for everyone to provide a highly customized components, some of the more troublesome patterns, developers can simply call their components can be achieved. However, ColorUI is not a panacea, for example, it has not been involved in the components required for small class shopping program.

GitHub Address: https://github.com/weilanwl/ColorUI

Vant component library demo

Vant is to praise release, lightweight applet UI component library. If you want to make an electricity supplier, restaurants, take-away platform, ticket reservations and other small programs like shopping, the choice Vant is more appropriate. Why do you say?

First, we look at "business component" this one. You can see, "merchandise card" and "Submit Order Bar" two basic components can constitute a "Shopping Cart" page; and both "merchandise card" and "merchandise navigation" and can make up a simple store page.

 

 

Very friendly to developers, the document can be said to be unavoidably, and the right side of the document, you can also preview the style oh.

开发文档:https://youzan.github.io/vant-weapp/#/intro
GitHub 地址:https://github.com/youzan/vant-weapp

                                                 

iViewUI

iViewUI 是由 TalkingData 发布的组件库。作为一款好用的组件库,布局、面板、列表、表单、顶部导航栏、底部导航栏等组件当然必不可少,那么 iViewUI 除了具备这些标配的组件,还有哪些亮点呢?

 

iViewUI 同样有详细的文档,但是不支持网页预览,只能打开小程序预览。

开发文档:https://weapp.iviewui.com/docs/guide/start
GitHub 地址:https://github.com/TalkingData/iview-weapp

                                              

Guess you like

Origin blog.csdn.net/qq_40128701/article/details/93220756