什么是WeUI(之马版)?

WeUI(之马版)是之马工场基于腾讯的WeUI 2.3.0整理和开发的移动端UI。

WeUI(之马版)不仅提供了全部组件的使用场景,还对原来的WeUI代码进行了更加精细化的分离,更加适用于前后台的开发者使用。

为什么要有WeUI(之马版)?

原来的weui (官方网站:https://weui.io/)

  • 组件之间耦合度太高:通过查看官方源码可以看到,所有组件的代码都集中在一个文件里。如果只需要引用一个组件,开发人员需要在繁杂的代码中找到对应的html和js实现源码,还会引入其他组件的样式进来,这样不仅增大开发人员的时间成本,而且不利于开发人员的维护。
  • 官方代码中掺杂了很多非必要样式和标签:导致很多粗心的程序员直接粘贴复制,不仅会影响代码的优雅性和简洁性,甚至会导致一些错误。
  • 没有提供组件的使用场景:增大了开发人员思考使用场景的时间成本。

之马版weui

  • 对原来的html,css,js代码进行了分离,组件与组件之间相互独立。如果需要引用某个组件,在源码展示框中可以很方便获取相关html和js源码,而且只需引入与这个组件相关的css文件,非常有利于开发人员开发和后续维护
  • 剔除了官方代码中掺杂的非必要标签和样式,使代码更加简洁,美观,真正做到了"拿来了就能用"。
  • 提供了各个组件在微信和企业微信的使用场景,使得开发人员更加直观的看出各个组件应该怎么用,减少其思考使用场景的时间成本。

演示与下载

演示地址1:http://weui.zhimakaifa.com/_demo/  (适合PC端访问,查看效果和提取代码)

演示地址2:http://weui.zhimakaifa.com/(适合移动端访问体验效果)

下载地址1:不含HTML文件版本(80KB)    

下载地址2:含有HTML文件版本(776KB)

软件开源协议:MIT

使用帮助

请使用微信或企业微信扫码加入“WeUI之马版用户群”进行咨询。

更新日志Changelog

2020-06 v1.0

  1. 根据控制模块不同,拆分原WeUI的CSS文件。
  2. 重新整理WeUI的效果演示,每个效果演示都独立成文件。
  3. 效果演示只加载用到的CSS文件,去除垃圾文件。
  4. 效果演示充分考虑项目的实际使用场景,提供了常见的场景效果。
  5. 增加了PC端演示,方便开发时提取需要的代码。

2020-08 v1.1

  1. 根据实际项目实践,将weui的css整合放在css子目录下,以免和其他CSS文件混一起。
  2. 调整演示网址,方便记忆。
  3. 因芝麻开发平台更名为之马工场,调整注释等。

贡献者

WeUI(之马版)由之马工场的自由工作者吟码、正号利用业余时间整理而成,空竹负责指导。

之马工场长期招募PHP工程师和WEB前端开发的自由工作者。加入之马工场您可以利用业余时间参与项目、获得报酬并创造价值。之马工场(http://www.zhimawork.com)致力于为技术工作者提供一份按时计费、多劳多得、不用参与商务沟通、公平公开、舒适的自由工作。

合作支持

之马工场有许多web前端自由工作者,可以使用WeUI为项目开发原型和进行定制开发,有意者可发邮件至jiangting(a)zhimawork.com。