sheral
Focus in mobile UI.
基于sandal(基础sass库)扩展的移动端UI库。具体设计思想可参看sheral——一个方便定制及扩展的UI组件库
demo
相关教程可参看:
- 移动端重构实战系列1——基础知识
- 移动端重构实战系列2——line list
- 移动端重构实战系列3——各种等分
- 移动端重构实战系列4——进入离开动画
- 移动端重构实战系列5——form元素
- 移动端重构实战系列6——icon与图片
- 移动端重构实战系列7——环形UI
PS:sheral目前只专注重构这块,所以js写得比较简略,只是为了简单演示使用,同时欢迎感兴趣的小伙伴加入重构或转成其他js组件库
本地搭建
先克隆到本地,再运行npm install,安装完毕运行gulp
命令,然后浏览器输入http://localhost:8888/index.html
即可
npm install
gulp
webpack 调用
// 先调用 sandal 的 _function.scss,如需要reset样式则调用 _core.scss
@import '~sass-sandal/_function';
// or
@import '~sass-sandal/_core';
// 再调用需要的模块
@import '~sheral/components/_btn';
@import '~sheral/components/_line-list';