weui (Tencent/weui)
Searching Database…
这是什么东西?
WeUI 是微信官方设计团队推出的 UI 组件库:它让移动端网页拥有微信的外观和体验,各个组件的样式与微信应用本身一致。
它是一份直接引入的 CSS 样式表,还是一个 JavaScript 框架?
它是一套 HTML 和 CSS 组件,不是 JavaScript 框架——你把标记和样式复制到自己的移动端页面里,而不是基于某个应用框架来写代码。
我怎么把它引入到我的项目里?
克隆仓库,运行 npm install,然后运行 gulp build(npm start 会启动 gulp -ws 用于开发)。如果你只想先看看效果,README 里链接了一个移动端演示和一个文档 Wiki。
构建或修改它需要安装什么?
需要 Node.js 和 gulp——build、test、lint 都是 npm 脚本(gulp build,CSS 用 stylelint)。产出的内容就是纯 HTML/CSS,运行时没有任何依赖。
它是不是只在微信里打开的页面上才有意义?
它是专为微信网页开发打造的:组件完全照着微信原生 UI 来做,所以在微信内打开的页面会让人感觉像是应用的一部分。在微信之外,你得到的就是一套微信风格的移动端 UI。
开箱即用有哪些组件?
Button(按钮)、cell(单元格)、dialog(对话框)、progress(进度条)、toast(提示)、article(文章)、actionsheet(操作菜单)和 icon(图标)——README 称它们是移动端 Web 应用中最常用的组件和模块。
有没有针对小程序、企业微信或 React 的官方版本?
有。该团队维护着面向小程序的 weui-wxss、企业微信版的 WeUI for Work、负责交互行为的 weui.js,以及面向 React 应用的 react-weui。
这个项目还在维护吗?
它自 2014 年 12 月起就在腾讯的 GitHub 下开发,目前大约有 2.74 万颗 star;README 欢迎任何有想法或建议的人提交 issue 和 pull request。
微信的设计团队当初为什么要做这个?
为了提升并统一微信用户的使用体验:在微信内打开的页面应该看起来、用起来都像周围的应用本身,而 WeUI 为每位开发者提供了实现这一点的官方组件。
What are similar projects?
vux, mdb-ui-kit, materialize, daisyui, weui-wxss, mint-ui, css, hyperui
Which topics is it in?
mobile-ui, mobile-web, css-framework, ui-library, design-system, wechat, component-library, design, ui-components, css, html, mobile
