指南
# 指南
@modyqyw/mp-scss
是一个基于 Flexbox (opens new window) 的小程序 SCSS (opens new window) 库,用于快速实现自定义设计。
除了可自定义、提供属性类之外,@modyqyw/mp-scss
还支持了小程序,包含了重置样式 reset
,布局样式 layout
,组件样式 components
等,目的就是让小程序开发更加简单快捷。
# 特性
- 重置
reset
- 重置小程序元素默认样式。 - 通用
classes
- 基本覆盖了常用属性的类。 - 布局
layout
- 包含页面布局类和栅格系统类。 - 组件
components
- 快速确定组件样式。 - 可自定义 - 提供可自定义的内容和对应的修改指南。
# 初衷
@modyqyw/mp-scss
是我在被小程序折磨的时候做出来的样式库。
现有的、比较好的、成体系的、保持更新的小程序跨平台框架有这么几个。
- uni-app (opens new window) - 数字天堂出品
- taro (opens new window) - 京东出品
- rax (opens new window) - 阿里出品
- remax (opens new window) - 阿里出品
他们都提供了官方 ui 库或者推荐了社区 ui 库。但很多时候,ui 库不能直接满足定制化的需求,我更需要一个可以帮助快速实现页面样式的库。
在尝试好几个库无果后,我造出了 @modyqyw/mp-scss
。希望它对正在看文档的你有帮助。
# 致谢
@modyqyw/mp-scss
学习了社区里的优质设计和实现。下面按字母表顺序排列。
- Ant Design (opens new window)
- aqua.css (opens new window)
- Bootstrap (opens new window)
- Bulma (opens new window)
- Material Design (opens new window)
- Primer Design (opens new window)
- ress.css (opens new window)
- Tailwindcss (opens new window)
- Vant (opens new window)
- Vuetify (opens new window)
- Windicss (opens new window)
- Zan Design (opens new window)