因为小程序的api描述相对简单,并且没有wxml和wxss的描述,所以有些人可能会想知道小程序中是否有UI库。与前端常见的UI库类似,例如Bootstrap,MDUI(简称MD),Semantic UI(简称Semantic),uni-app,MUI,Element和其他类似的框架UI库。
小程序 UI库WeUI:
结果目前可用,这是微信小程序正式启动的小程序 UI库WeUI。
简介
什么是WeUI?
WeUI是一组基本样式库,与微信的原始视觉体验一致。 微信的官方设计团队量身定制了微信和微信小程序中的网页,以使用户的使用感觉更加统一。在微信小程序的开发过程中,涉及到的前端复杂样式界面问题需要使用UI框架,这可以在将来节省很多麻烦。
WeUI是一个开源的移动UI框架。由于它是微信正式提供的,因此与微信并无重大兼容性问题,并且每个组件的样式都与微信相同。与微信集成在一起可以为用户带来更好的体验。
WeUI for 小程序 QR code:
WeUI是微信终端上出色的UI样式库。它提供了许多丰富的基本UI组件。最重要的是,它具有与微信相同的视觉体验,允许用户从微信切换到相关的小程序,我不会觉得UI突然。
小程序的WeUI,也称为weui-wxss,是一个书面样式库,可以理解为先前的引导程序。
WeUI
([1)获取框架文件源代码
两种方法:转到github代码托管平台下载WeUI库或克隆源代码
链接:
([2)除了直接从上方下载文件之外,您还可以通过git将源代码克隆到本地
克隆源代码
([3)预览项目
成功获取文件后,首先将项目导入小程序开发工具并进行预览
步骤:打开微信开发人员工具,单击“导入项目”,在weui-wxss项目目录下选择dist目录,然后单击“导入”,您可以看到weui的预览。
([4)使用WeUI库开发
了解weui的预览方法,然后可以使用weui进行开发。
使用weui进行开发可以简单地分为两个步骤
①导入weui.wxss文件→文件位置weui-wxss-master \ dist \ style \ weui.wxss
②参考weui提供的示例使用weui组件
(5)

