Package Exports

weui
weui/dist/style/weui.min.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (weui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

WeUI 为微信 Web 服务量身设计

概述

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

使用

方法一：

使用bower进行安装

bower install --save weui

方法二：

使用npm进行安装

npm install --save weui

以上两种方法安装后，只需要在页面中引入dist/style/weui.css或者dist/style/weui.min.css其中之一即可. 例如:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>WeUI</title>
        <link rel="stylesheet" href="path/to/weui/dist/style/weui.min.css"/>
    </head>
    <body>
    
    </body>
</html>

开发

git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
npm install
npm start

运行gulp -ws命令，会监听src目录下所有文件的变更，并且默认会在8080端口启动服务器，然后在浏览器打开 http://localhost:8080/example。

手机预览

请用微信扫码

http://weui.github.io/weui/

第三方扩展

lihongxun945/jquery-weui
kevyu/weui-sass
Eric-Guo/weui-rails(Using kevyu/weui-sass)
n7best/react-weui
aidenzou/vue-weui
ZTfer/weui-sketch
i5ting/weui-practice

文档

WeUI 说明文档参考 Wiki

License

The MIT License(http://opensource.org/licenses/MIT) 请自由地享受和参与开源

贡献

如果你有好的意见或建议，欢迎给我们提issue或pull request，为提升微信web体验贡献力量