让微信小程序和页面界面 UI 统一:WeUI 前端样式库
来源:互联网 发布:淘宝商家入驻收费标准 编辑:程序博客网 时间:2024/04/30 01:11
微信里使用的 H5 页面是相当多,特别是最近开发内测的小程序更是火爆,为了能让页面以及微信小程的界面能与微信统一,让用户看起来就像是微信内置的功能或页面,建议使用者一个WeUI 前端框架!
它从界面、配色、图标等样式接近与微信一样,所以推荐你使用这套界面来设计你的小程员、网页商城、 WordPress主题,让界面更加统一。
框架名称:WeUI 样式库 在线演示:https://weui.io下载地址:https://github.com/weui/weui
Sketch 源文件
同时也推出了 WeUI 的 Sketch 源文件,如果你是设计师,可以下载这个设计源文件来设计新的微信小程序、H5网页等等,还有 Symbol,很好用哦!
文件格式:.Sketch
素材版权:免费
下载地址(7MB):百度网盘 | Github
官方简述:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素
下面来看看 WeUI 样式库的介绍:
图标
图标的颜色、样式和微信原生的样式几乎一致,看不到有什么区别哦!
Flex 布局
使用 CSS Flex 属性定制的布局系统,轻松实现多栏自适应排版。
Panel 面板
可以用它来做文章列表、文章图文列表。
Footer 页尾样式
就是网页页脚样式~
提示样式
菜单
底部Tabbar
Navbar
WeUI页面层级
用于规范WeUI页面元素所属层级、层级顺序及组合规范。
0 0
- 让微信小程序和页面界面 UI 统一:WeUI 前端样式库
- 1.3.3微信小程序WeUI.js网页开发样式库
- 微信小程序WeUI.js网页开发样式库
- 移动端前端UI库—Frozen UI、WeUI、SUI Mobile
- 移动端前端UI库—Frozen UI、WeUI、SUI Mobile
- 移动端前端UI库—Frozen UI、WeUI、SUI Mobile
- 移动端前端UI库—Frozen UI、WeUI、SUI Mobile
- 移动端前端UI库—Frozen UI、WeUI、SUI Mobile
- 移动端前端UI库—Frozen UI、WeUI、SUI Mobile
- 微信小程序ui--集成WeUI.wxss
- WeUI 微信小程序官方推荐UI包
- erdaicms首款基于weui(微信网页开发样式库)的前端模版上线
- 【前端框架库】WeUI 发布——微信官方UI库(WeUI 为微信 Web 服务量身设计)
- 微信网页设计样式库WeUI
- 微信官方UI库—WeUI
- BCG界面库下的Windows8 UI界面样式
- java swing 界面统一设置字体样式
- 统一页面中控件的样式
- Python 快捷读写XML的方式
- Adnroid 小记
- 静态变量注入bean的解决方法
- 分布式 资料收集
- KindEditor上传大文件,上传错误
- 让微信小程序和页面界面 UI 统一:WeUI 前端样式库
- Dialog Toast Snackbar 用法和技巧
- mysql count group by统计条数方法
- igmpv2/igmpv3
- Opencv机器学习之CvMLdata
- word2010设置多级别标题
- php二维数组排序
- [sqli-labs]Less-1(明注)
- 从零开始的RxJava2.0教程(二)操作符