Skip to content
/ weui Public
forked from Tencent/weui

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

Notifications You must be signed in to change notification settings

baizeit/weui

This branch is 431 commits behind Tencent/weui:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

fe8dbd9 · Feb 29, 2016
Feb 29, 2016
Feb 26, 2016
Sep 25, 2015
Oct 12, 2015
Feb 26, 2016
Jan 28, 2016
Feb 26, 2016
Feb 26, 2016
Feb 26, 2016

Repository files navigation

WeUI 为微信 Web 服务量身设计

概述

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

使用

方法一:

使用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

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

手机预览

请用微信扫码

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

第三方扩展

文档

WeUI 说明文档参考 Wiki

License

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

贡献

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

About

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 68.2%
  • HTML 24.1%
  • JavaScript 7.7%