代码拉取完成,页面将自动刷新
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>
注意: 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
。
请用微信扫码
WeUI 说明文档参考 Wiki
The MIT License(http://opensource.org/licenses/MIT) 请自由地享受和参与开源
如果你有好的意见或建议,欢迎给我们提issue或pull request,为提升微信web体验贡献力量
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。