{"id":21989044,"url":"https://github.com/imweb/sheral","last_synced_at":"2025-09-05T17:43:24.942Z","repository":{"id":57375202,"uuid":"57931228","full_name":"imweb/sheral","owner":"imweb","description":"Focus in mobile UI","archived":false,"fork":false,"pushed_at":"2017-10-28T06:22:27.000Z","size":25369,"stargazers_count":235,"open_issues_count":0,"forks_count":46,"subscribers_count":39,"default_branch":"master","last_synced_at":"2025-04-09T22:18:01.386Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://imweb.github.io/sheral","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imweb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-03T01:01:56.000Z","updated_at":"2024-02-23T08:24:23.000Z","dependencies_parsed_at":"2022-09-05T13:21:09.990Z","dependency_job_id":null,"html_url":"https://github.com/imweb/sheral","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imweb%2Fsheral","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imweb%2Fsheral/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imweb%2Fsheral/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imweb%2Fsheral/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imweb","download_url":"https://codeload.github.com/imweb/sheral/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248119286,"owners_count":21050755,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-29T19:27:30.817Z","updated_at":"2025-04-09T22:18:05.454Z","avatar_url":"https://github.com/imweb.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# sheral\n\nFocus in mobile UI.\n\n基于[sandal](https://github.com/marvin1023/sandal)（基础sass库）扩展的移动端UI库。具体设计思想可参看[sheral——一个方便定制及扩展的UI组件库](http://imweb.io/topic/578392f6ba724c663b83527d)\n\n## demo\n\n[在线demo](http://imweb.github.io/sheral)\n\n相关教程可参看：\n\n- [移动端重构实战系列1——基础知识](http://imweb.io/topic/577e64a47c99347163ec0b10)\n- [移动端重构实战系列2——line list](http://imweb.io/topic/577e7bb87c99347163ec0b14)\n- [移动端重构实战系列3——各种等分](http://imweb.io/topic/577e7c0f7c99347163ec0b15)\n- [移动端重构实战系列4——进入离开动画](http://imweb.io/topic/577e7cf17c99347163ec0b16)\n- [移动端重构实战系列5——form元素](http://imweb.io/topic/578307abba724c663b835279)\n- [移动端重构实战系列6——icon与图片](http://imweb.io/topic/57830874ba724c663b83527a)\n- [移动端重构实战系列7——环形UI](http://imweb.io/topic/57860c1962a261a62914407f)\n\nPS：sheral目前只专注重构这块，所以js写得比较简略，只是为了简单演示使用，同时欢迎感兴趣的小伙伴加入重构或转成其他js组件库\n\n## 本地搭建\n\n先克隆到本地，再运行npm install，安装完毕运行`gulp`命令，然后浏览器输入`http://localhost:8888/index.html`即可\n\n```js\nnpm install\n```\n\n```js\ngulp\n```\n## webpack 调用\n\n```scss\n// 先调用 sandal 的 _function.scss，如需要reset样式则调用 _core.scss\n@import '~sass-sandal/_function';\n// or\n@import '~sass-sandal/_core';\n\n// 再调用需要的模块\n@import '~sheral/components/_btn';\n@import '~sheral/components/_line-list';\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimweb%2Fsheral","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimweb%2Fsheral","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimweb%2Fsheral/lists"}