{"id":13492225,"url":"https://github.com/TaleLin/lin-ui","last_synced_at":"2025-03-28T09:34:04.546Z","repository":{"id":38341031,"uuid":"164654491","full_name":"TaleLin/lin-ui","owner":"TaleLin","description":"🌈 简洁、易用、灵活的微信小程序组件库","archived":false,"fork":false,"pushed_at":"2023-08-11T06:05:51.000Z","size":4085,"stargazers_count":4094,"open_issues_count":111,"forks_count":485,"subscribers_count":71,"default_branch":"master","last_synced_at":"2024-10-29T15:38:10.268Z","etag":null,"topics":["lin-ui","linui","miniprogram","wechat","weixin","weixin-app"],"latest_commit_sha":null,"homepage":"https://doc.mini.talelin.com","language":"JavaScript","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/TaleLin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"open_collective":"lin-ui"}},"created_at":"2019-01-08T13:26:24.000Z","updated_at":"2024-10-27T02:42:17.000Z","dependencies_parsed_at":"2023-02-10T00:32:04.284Z","dependency_job_id":null,"html_url":"https://github.com/TaleLin/lin-ui","commit_stats":{"total_commits":884,"total_committers":28,"mean_commits":"31.571428571428573","dds":0.6165158371040724,"last_synced_commit":"7a7e17888d9e59c56bf79ff8ef5108612dd5418b"},"previous_names":[],"tags_count":61,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaleLin%2Flin-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaleLin%2Flin-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaleLin%2Flin-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TaleLin%2Flin-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TaleLin","download_url":"https://codeload.github.com/TaleLin/lin-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244022632,"owners_count":20385133,"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":["lin-ui","linui","miniprogram","wechat","weixin","weixin-app"],"created_at":"2024-07-31T19:01:04.159Z","updated_at":"2025-03-28T09:34:04.522Z","avatar_url":"https://github.com/TaleLin.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n    \u003cimg width=\"150\" class=\"QR-img\" src=\"https://doc.mini.talelin.com/screenshots/readme/lin-ui小程序.jpg\"\u003e\n\u003c/p\u003e\n\n\n\u003cdiv align=\"center\"\u003e\n    \u003cspan\u003e\u003ca target=\"_blank\" href=\"https://doc.mini.talelin.com\"\u003e:memo: 中文文档\u003c/a\u003e\u003c/span\u003e\n    \u003cspan\u003e|\u003c/span\u003e\n    \u003cspan\u003e\u003ca target=\"_blank\" href=\"https://talelin.com/\"\u003e:computer: 官方教程\u003c/a\u003e\u003c/span\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cspan\u003eLin UI, not just an UI component library!\u003c/span\u003e\u003cbr/\u003e\n    \u003cstrong\u003e一套基于微信小程序原生语法实现的高质量 UI 组件库\u003c/strong\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://github.com/TaleLin/lin-ui/actions\"\u003e\n        \u003cimg alt=\"持续集成\" src=\"https://img.shields.io/github/workflow/status/talelin/lin-ui/Node.js%20CI/develop?label=%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90\u0026logo=github\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/lin-ui\"\u003e\n        \u003cimg alt=\"最新版本\" src=\"https://img.shields.io/npm/v/lin-ui?color=%233a63bd\u0026label=%E6%9C%80%E6%96%B0%E7%89%88%E6%9C%AC\u0026logo=graphcool\u0026logoColor=white\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/lin-ui\"\u003e\n        \u003cimg alt=\"周下载量\" src=\"https://img.shields.io/npm/dw/lin-ui?color=%233c973c\u0026label=%E5%91%A8%E4%B8%8B%E8%BD%BD%E9%87%8F\u0026logo=node.js\u0026logoColor=white\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/lin-ui\"\u003e\n        \u003cimg alt=\"基础库版本\" src=\"https://img.shields.io/badge/%E5%9F%BA%E7%A1%80%E5%BA%93%E7%89%88%E6%9C%AC-%3E%3D2.8.2-brightgreen\" /\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n## 目录\n\n- [目录](#目录)\n- [简介](#简介)\n- [快速上手](#快速上手)\n  - [安装](#安装)\n  - [引入](#引入)\n- [讨论交流](#讨论交流)\n- [贡献代码](#贡献代码)\n- [开源协议](#开源协议)\n\n\n\n## 简介\n\nLin UI 是一套基于 **微信小程序原生语法** 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。\n\n\n\n## 快速上手\n\n**务必勾选`增强编译`、`Es6 转 ES5`以及`使用 npm 模块`选项**，[参考图片](https://cdn.talelin.com/20210128165243.png)\n\n### 安装\n1. 初始化你的项目为一个 NPM 项目\n\n   ```\n   npm init -y\n   ```\n\n   \u003e 若项目根目录已包含 package.json 文件，则可跳过该步骤\n\n2. 安装 Lin UI\n\n   ```\n   npm i lin-ui\n   ```\n\n3. 配置微信开发者工具\n   要正确安装 Lin UI，需将微信开发者工具的如下**三个选项全部勾选上**，[参考图片](https://cdn.talelin.com/20210128165243.png)\n   - `使用 npm 模块`\n   - `增强编译`\n   - `ES6 转 ES5`\n\n   \u003e 设置路径：微信开发者工具右上角 -\u003e 详情 -\u003e 本地设置\n\n4. 构建 NPM 模块\n   微信开发者工具配置完成以后，还需进行一次 NPM 模块的构建\n\n   \u003e 按钮位置：微信开发者工具顶部 -\u003e 工具 -\u003e 构建 npm\n\n\u003e **若你本地没有 Node.js 环境，无法使用 NPM 安装，则可以采用[源码方式安装](https://doc.mini.talelin.com/start/#方式二：下载代码)**\n### 引入\n\n1. 配置微信开发者工具\n\n     - 要正确使用 Lin UI，需将微信开发者工具的 `Es6 转 ES5` 和 `增强编译` 选项勾选上\n\n       \u003e 设置路径：微信开发者工具右上角 -\u003e 详情 -\u003e 本地设置\n\n     - **将基础库版本设置到 `\u003e=2.8.2`**\n\n2. 在页面中引入\n   ```json\n   {\n     \"usingComponents\":{\n       \"l-button\":\"/miniprogram_npm/lin-ui/button/index\"\n     }\n   }\n   ```\n3. 在页面中使用\n   ```html\n    \u003cl-button type=\"default\"\u003e默认按钮\u003c/l-button\u003e\n   ```\n   \u003e 我们建议你在引入 Lin UI 组件时，都统一命名为 `l-{组件名}` 格式，遵循此规范将使你的项目代码更加清晰\n\n   **至此，Lin UI 已成功引入至你的项目中了！**\n\n## 讨论交流\n\n![](https://img.juzibiji.top/20200807155013.png)\n\n\n\n## 贡献代码\n\n我们的代码基于 develop 分支开发，欢迎提交 Pull Request 进行代码贡献。\n\n在提交 Pull Request 之前，请详细阅读我们的[开发规范](https://github.com/TaleLin/lin-ui/wiki)，否则可能因为 Commit 信息不规范等原因被关闭 Pull Request。\n\n\n\n## 开源协议\n\n[MIT](LICENSE) © 2020  林间有风\n","funding_links":["https://opencollective.com/lin-ui"],"categories":["JavaScript","组件","9. 其他与展望","UI模板"],"sub_categories":["5. 参考材料","3、小程序模板"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTaleLin%2Flin-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTaleLin%2Flin-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTaleLin%2Flin-ui/lists"}