weui README

The project's README from github.com/Tencent/weui. As one markdown file: README.md.

WeUI - tailor-made for WeChat web service

Build Status npm version

中文版本

Introduction

WeUI is an WeChat-like UI framework officially designed by the WeChat Design Team, tailor-made for WeChat Web development, in order to improve and standardize the experience for WeChat users. Including components such as button、cell、dialog、 progress、 toast、article、actionsheet、icon.

Documentations

Mobile demo

https://weui.io

https://weui.io

Legacy version 1.x: https://weui.io/1.x

Legacy version 0.4.x: https://weui.io/0.4.x

Development

License

The MIT License(http://opensource.org/licenses/MIT)

Please feel free to use and contribute to the development.

Contribution

If you have any ideas or suggestions to improve Wechat WeUI, welcome to submit an issue/pull request.

weui (Tencent/weui)

Searching Database…

27.4K ·GitHub
这是什么东西?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
Creator
Tencent
Size
12.4 MB
Stars
27.4K
Age
11y
Commits · 90 Days