{"id":21894588,"url":"https://github.com/dmoosocool/lichui","last_synced_at":"2026-04-13T20:04:17.251Z","repository":{"id":98795537,"uuid":"103804491","full_name":"dmoosocool/LichUI","owner":"dmoosocool","description":":writing_hand: A solution for a mobile terminal UI component offered by Lich.js","archived":false,"fork":false,"pushed_at":"2017-09-17T06:03:51.000Z","size":26,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-01-11T11:47:35.397Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dmoosocool.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-09-17T05:05:39.000Z","updated_at":"2017-09-26T06:39:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"f84e4d94-fd3e-486f-8d43-5aa00564fb48","html_url":"https://github.com/dmoosocool/LichUI","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dmoosocool/LichUI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmoosocool%2FLichUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmoosocool%2FLichUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmoosocool%2FLichUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmoosocool%2FLichUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dmoosocool","download_url":"https://codeload.github.com/dmoosocool/LichUI/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmoosocool%2FLichUI/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31768697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-28T13:26:36.604Z","updated_at":"2026-04-13T20:04:17.229Z","avatar_url":"https://github.com/dmoosocool.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"---\n\ntitle: LichUI 介绍\ndate: 2017-08-30 10:13\nauthor: dmoo.\n\n---\n\n# LichUI介绍\n\n## LichUI是什么\n```\nLichUi是一套为Lich.js提供UI组件化的UI框架. zepto/lodash + less + Flexiable + iconfont.\n使用gulp将编写的源码打包成LichUI.js|LichUI.css. \n可通过npm引用也可直接在页面中引用.\n```\n\n## 为什么要写LichUI\n```\n为了让Lich.js支持组件化UI, 传统的页面开发方式代码复用率太低. 大量代码Ctrl+C + Ctrl+V 维护成本太高.\n使用LichUI组件化可以将一些可以复用的样式、组件单独开发. 可以为多个项目同时使用. \n```\n\n## 如何使用LichUI\n\n### 启动脚本\n```shell\nnpm start //本地会默认起个localhost:12345 根目录为/dist的服务.通过这个服务可以很方便的调试你写的组件.\n```\n\n### 如何开发一个组件\n- 首先应该根据设计图分析出那些东西是可以单独公共出来的组件或者是UI样式.\n- 根据设计图的宽度去调整flexiable的缩放. (具体在flexiable.debug.js 73行)\n- 页面中的长度宽度可以使用less中提供的px2rem方法调用, (注意: 例如 border-border:1px solid #ccc; 这种情况不建议使用px2rem会引发移动端1px的问题.)\n- 开发组件时应该考虑好参数的通用性及使用性.\n\n## LichUI的优势\n\n- 因为使用zepto+lodash所以学习曲线几乎为零\n- flexiable可以较优雅的解决移动端兼容性\n- 易上手, 低成本维护, 可扩展性高\n- 一次开发, 多项目可应用\n\n\n## 目录结构\n```\n.\n├── README.md                   项目说明\n├── designs                     设计图. sketch导出的html目录\n├── dist                        输出目录\n│   ├── component\n│   ├── example.css\n│   ├── form\n│   ├── index.html\n│   └── lib\n├── example                     案例\n│   ├── component               组件\n│   ├── example.less            案例样式\n│   └── index.html              案例首页\n├── gulpfile.babel.js           gulpfile\n├── package.json                npm包管理文件\n├── src                         主目录\n│   ├── components              组件\n│   ├── core                    核心工具类及样式\n│   └── lib                     引用外部库\n└── tasks                       gulp脚本目录\n    ├── _config                 配置目录\n    ├── build.js                构建脚本\n    └── dev.js                  运行环境脚本\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmoosocool%2Flichui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdmoosocool%2Flichui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmoosocool%2Flichui/lists"}