4 Star 1 Fork 0

Yc Chan / weui

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

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>

注意: weui.css 建议只用于开发阶段。

开发

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体验贡献力量

空文件

简介

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications. 展开 收起
CSS
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
CSS
1
https://gitee.com/yc-chan/weui.git
git@gitee.com:yc-chan/weui.git
yc-chan
weui
weui
master

搜索帮助