WeUI

WeUI是一款微信UI组件库，如果您需要设计微信类型的软件就可以添加这款组件库到自己的开发软件使用，借助组件就可以快速编辑UI界面，可以在软件添加按钮组件，可以在软件添加表单组件，可以添加列表组件，可以添加导航组件，可以添加搜索组件，让用户可以快速设计程序界面，快速编辑菜单布局；WeUI是微信团队开发的组件库，如果你需要设计微信小程序或者是设计其他与微信相关的软件就可以通过这款组件库编辑UI界面，提供Button、Form、List、Slider、Uploader、Article、Flex、Icons等组件内容！

WeUI软件功能

组件：

表单结构

展示表单页面的结构样式, 分别由头部区域/控件区域/提示区域/作区域和底部区域组成

输入框状态

可体验表单输入的反馈状态。显示报错有两种类型，一种是超过1个输入项的时候，用置顶tipsbar报错，告知错误原因，页面聚焦到对应的报错区域，内容标红色，另一种是在当前输入项位置报错，适用于只有1个输入项的时候，用户焦点主要是输入区域。

验证码

验证手机号样式

复选框样式展示

跳转列表项

单选框样式展示

Uploader

上传组件，一般配合组件Gallery来使用。

Badge

徽章

新消息提示跟摘要后，统一在列表右侧

单行列表

未读数红点跟在主题后，统一在列表左侧

Preview表单预览

Panel面板

图文组合列表

小图文组合列表

WeUI页面层级

用于规范WeUI页面元素所属层级、层级顺序及组合规范。

WeUI软件特色

1、WeUI提供很多组件帮助用户设计软件

2、现在很多界面设计都是借助组件工具开发的

3、使用组件就可以快速添加菜单按钮，添加页面布局

4、可以在软件添加功能导航组件

5、直接模拟微信的导航样式，方便设计微信小程序

6、如果你需要设计微信类型的软件就可以下载WeUI

7、支持弹出菜单组件，为软件添加弹出框

8、支持对话框编辑，为软件部署对话框内容

9、支持提示组件，成功提示页、失败提示页、无图标提示页

10、支持多列选择器，需要配合js实现

11、支持顶部提示条组件，为软件附加顶部提示的内容

WeUI安装方法

方法一：

使用bower进行安装

bower install –save weui

方法二：

使用npm进行安装

npm install –save weui