简介
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。
WeUI-Design 是微信官方设计团队设计的一套同微信原生视觉体验一致的基础视觉样式库，目前提供 Sketch 与 PSD 基础样式库源文件。开发者或设计师可以使用 WeUI-Design 进行微信 Web 开发的原型设计、视觉设计等。
下载
环境依赖
Sketch 版本
建议不低于 v40
PhotoShop
建议不低于 CS5
字体
iOS
- 苹方 / PingFang SC（ Mac OS X EI Caption ，版本10 .11及以上系统内置 ）
- SF UI Display（ 需Apple官网下载，地址：https://developer.apple.com/fonts/ ）
Android
- 思源黑体 / NotoSans CJK SC（附件有资源）
- Roboto（附件有资源）
Sketch 使用说明
方法一
复制粘贴控件图层进行创作
方法二
使用Symbol进行快速创作，可方便的在多个页面和画板中重复运用控件
PSD 使用说明
下载使用
使用须知
WeUI-Design 是微信官方设计团队作品，知识产权等相关权利归腾讯公司所有。使用前，请阅读以下使用须知及法律声明。对于违反使用须知及法律声明的行为，我们将保留法律追究权利。
我们鼓励
- 使用 WeUI-Design 的控件，进行适当地再次加工创作，形成自己的作品
我们禁止
- 未经允许直接利用 WeUI-Design 作品开展牟利行为，包括但不限于打包售卖、另行建立镜像收取费用、有偿下载、积分下载等行为
更新
2017-01-19
- 次级警告 icon 由灰色改成黄色
2016-12-27
- symbol支持了resizing 能力
- 更正“弹窗”为模态对话框
- 单独展示操作列表（actionsheet），新增有提醒文案样式
- 新增新消息标识
法律声明
腾讯公司是本帐号及其下项目的知识产权权利人。
本帐号下所有项目及相关所有信息的一切著作权、商标权、专利权、商业秘密等知识产权（包括但不限于文字、图片、音频、视频、图表、界面设计、版面框架、有关数据或电子文档等）均受中华人民共和国法律法规和相应的国际条约保护，腾讯享有上述知识产权，但相关权利人依照法律规定应享有的权利除外。
未经腾讯或相关权利人书面同意，你不得以直接盈利为目的自行或许可任何第三方直接售卖本帐号下项目数据，或者建立收费镜像下载本帐号下项目数据等。
腾讯公司欢迎其它方式的使用，包括在本帐号下项目的基础上进行再加工、衍生、演绎，形成其它作品或将其作为作品的元素。
Notice
Tencent is the owner of all Intellectual property rights of this account and all projects posted under this account.
All intellectual property rights, including but not limited to copyright, trademark, patent, trade secret , of all projects and all relevant information (including, but not limited to text, image, audio, video, graphics, interface design, layout framework, relevant data or electronic documents and etc.) posted under this account are governed and protected by laws and regulations of P.R.China and applicable international treaties, Tencent has all the intellectual property aforesaid, except for those rights that owned by any third party in accordance with applicable laws.
Without written consent of Tencent or applicable rights owner, you shall not sell or permit any third party to sell any project data posted under this account, or establish mirror of the same for sale.
Other lawful and reasonable use of information or data posted under this account are encouraged, including reproducing such information or data; preparing derivative works based on such information or data, or incorporating such data or information into other works or projects.
-
我是因为公司项目接触WeUI的，实话说刚开始的时候并不顺。我最先看的是jquery weui然后偶然发现了weui+。这两种都是在WeUI基础上的拓展，但我经过一段时间的使用，觉得简单的微信公众平台页面的开发还是使用WeUI更为方便。 那么我就来分享下我的学习体会：WeUI的官方简介说WeUI is an WeChat-like UI framework officially designed b
-
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一； 包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素； 一、扩展 操作文档手册： weui https://github.com/Tencent/weu
-
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 官方demo演示地址：https://weui.io/ 引用方式有两种： 样式导入示例： 使用@import语句可以导入外联样式表，
-
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 官方demo演示地址：https://weui.io/ 引用方式有两种： 样式导入示例： 使用@import语句可以导入外联样式表，
-
WEUI为微信Web服务量身设计 English version 概述 WEUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为 微信web开发量身设计，可以令用户的使用感知更加统一。包含button、cell 、progress、dialog、toast、actionsheet、icon等各式元素。 手机预览 weui.io 文档 Weui 说明文档参考wiki Weui 视觉标准
-
WEUI为微信Web服务量身设计 [ ](https://travis-ci.org/Tecent/weui ) [English version](README.md ) 概述 WEUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为 微信web开发量身设计，可以令用户的使用感知更加统一。包含button、cell 、progress、dialog、toast、actionshee
-
WEUI 为微信和web服务量身定做 (https://travis-ci.org/Tecent/weui) English version ##概述 WEUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 web 开发量身设计，可以使用户的使用感知更加统一。包含buttom、cell、dialog、progress、toast、 actionsheet 、icon 等各式元
-
写在前面 在angular4项目中 例子是基于之前文章：利用angular-cli构建Angular4.X项目 可以参考官网：https://cipchk.github.io/ngx-weui/#/docs/start 本来是写在后面的回顾，感觉放在前面比较好。 1、如何使用第三方库，安装-引用(主要参考官方文档) 2、{{}}指令，单向绑定数据，声明数据-绑定数据 3、[(ngModel
-
WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。 WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。 使用 方法一： 使用bower进行安装 bower install --save weui 方法二： 使用npm进行安装
-
概述 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 预览 用微信web开发者工具打开dist目录（请注意，是dist目录，不是整个项目） 使用 组件的wxml结构请看dist/e
-
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含 button 、 cell 、 dialog 、 progress 、 toast 、 article 、 actionsheet 、 icon 等各式元素。 WeUI-Aliapp 是通过 Antmove 小程序转换器基于 WeUI 项目转换得到，可用于 微
-
ngx-weui 是一个使用 Angular 构建的 WeUI 组件。 在线示例以及API文档。
-
jQuery WeUI 是 WeUI 的一个 jQuery 实现版本，除实现了官方插件之外，它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的 JS 组件均是以 jQuery 插件的形式提供，使用非常方便，并且可以和 React、Angular、Vue.js 之类的主流 JS 框架一起使用。 WeUI 是微信官方团队针对微信提供的一个 H5 UI 库，它只提供了一
-
WeUI Extension 是在 WeUI 的基础上整合进 WePayUI 的样式库，符合微信设计规范，专为微信 Web 开发设计。 WeUI Extension 概述 WeUI Extension 是在 WeUI 的基础上整合进 WePayUI 的样式库，符合微信设计规范，专为微信 Web 开发设计。 演示 https://pengtikui.github.io/weui-extension/