WeUI微信Web框架下载

WeUI微信Web框架下载

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

一、安装

方法一:使用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-weixin

 

预览链接:http://weui.github.io/weui/

GitHub 下载地址:https://github.com/weui/weui