sheral

Focus in mobile UI.

基于sandal（基础sass库）扩展的移动端UI库。具体设计思想可参看sheral——一个方便定制及扩展的UI组件库

demo

在线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';