使用WeUI构建界面

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，使用户的使用感知更加统一，包含button、cell、dialog、progress、toast、article、actionsheet、icon等元素

WeUI demo

大家可以到 WeUI 的官网尝试所有的 UI 组件。
官网地址：https://weui.io/。
同时 WeUI 也在开源网站 Github 上开源了，地址为：https://github.com/Tencent/weui。
我 们 可 以 在 上 面 找 到 对 应 的 小 程 序 版 本 ， 小 程 序 版 本 的 地 址 为 ：
https://github.com/Tencent/weui-wxss/。

表单组件

Button 按钮
Input 输入框
List 列表
Slider 滑块
Uploader 上传组件

基础组件

Article 文章
Badge 徽章（小红点）
Flex 布局
Footer 脚注
Gallery 画廊

操作反馈

ActionSheet 弹出式菜单
Dialog 对话框
Msg 提示页
Picker 选择器
Toast 弹出式显示

导航相关

Navbar 导航栏
Tabbar 选项栏

搜索相关