美文网首页微信小程序
微信小程序中常用的页面组件

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

作者: wsgdiv | 来源:发表于2021-01-31 20:00 被阅读0次

    含摘录,非原创

    一、基础组件

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

    1.1 WeUI

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

    1.2 Thor UI

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

    1.3 Taro UI

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

    1.4 Xview UI

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

    二、布局组件

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

    2.1 ColorUI

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

    2.2 View UI(原名iView UI)

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

    2.3 Yu UI

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

    2.4 YD UI(原名:Uniyd UI)

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

    三、前端组件

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

    3.1 HelloUni UI

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

    3.2 Min UI

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

    3.3 Bee UI

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

    相关文章

      网友评论

        本文标题:微信小程序中常用的页面组件

        本文链接:https://www.haomeiwen.com/subject/hdwrtltx.html