{"id":13613826,"url":"https://github.com/baotlake/periodic-table-pro","last_synced_at":"2025-05-16T15:07:48.497Z","repository":{"id":40411579,"uuid":"133526235","full_name":"baotlake/periodic-table-pro","owner":"baotlake","description":"元素周期表Pro，高颜值化学必备小程序，提供全面的元素属性、图片和百科知识等","archived":false,"fork":false,"pushed_at":"2025-05-03T18:13:07.000Z","size":48981,"stargazers_count":312,"open_issues_count":6,"forks_count":60,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-05-03T18:32:45.371Z","etag":null,"topics":["app","chemistry","miniapp","next","pwa","taro","weapp","webapp","website","wechat"],"latest_commit_sha":null,"homepage":"https://pt.ziziyi.com","language":"TypeScript","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/baotlake.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":"2018-05-15T14:12:43.000Z","updated_at":"2025-05-03T18:13:10.000Z","dependencies_parsed_at":"2024-01-17T00:18:22.461Z","dependency_job_id":"a3043dcb-4db4-4e4d-9177-4cb1e164141f","html_url":"https://github.com/baotlake/periodic-table-pro","commit_stats":{"total_commits":10,"total_committers":2,"mean_commits":5.0,"dds":"0.19999999999999996","last_synced_commit":"37239360e6f5daa605b3fd947895ed2dfdce0cd7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baotlake%2Fperiodic-table-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baotlake%2Fperiodic-table-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baotlake%2Fperiodic-table-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baotlake%2Fperiodic-table-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baotlake","download_url":"https://codeload.github.com/baotlake/periodic-table-pro/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254553958,"owners_count":22090417,"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":["app","chemistry","miniapp","next","pwa","taro","weapp","webapp","website","wechat"],"created_at":"2024-08-01T20:00:53.952Z","updated_at":"2025-05-16T15:07:43.488Z","avatar_url":"https://github.com/baotlake.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n    \u003cimg\n        src=\"docs/logo.png\"\n        alt=\"元素周期表Pro\"\n        title=\"元素周期表Pro\"\n        width=\"200\"\n    /\u003e\n    \u003cbr/\u003e\n    \u003cbr/\u003e\n    元素周期表PRO\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e高颜值的化学元素周期表工具，提供全面的元素属性、图片和百科知识等\u003c/p\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n\n## 简介\n\n元素周期表 Pro 是由欢洋精心打造的**原创化学元素周期表工具**，采用全新的设计风格，支持[Web（H5）](https://pt.ziziyi.com)、微信小程序、QQ 小程序和支付宝小程序等多种平台，适配不同尺寸的屏幕设备。\n\n\u003ctable\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"37.5%\"\u003e\n            \u003cimg src=\"docs/weapp-screenshot.jpg\"\u003e\n        \u003c/td\u003e\n        \u003ctd width=\"62.5%\"\u003e\n            \u003cimg src=\"docs/ipad-screenshot.jpg\"\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr\u003e\n\n\u003cbr\u003e\n\n## 网站\n\nNextjs 构建的网站，项目目录 `periodic-table-pro/website`\n\n\u003ca href=\"https://pt.ziziyi.com\"\u003e\n    \u003c!-- \u003cimg src=\"docs/favicon.png\" style=\"width:1em; height:1.2em; \"\u003e --\u003e\n    元素周期表PRO - 高颜值化学必备小工具\n\u003c/a\u003e\n\n\u003cbr\u003e\n\n## 小程序\n\nTarojs 构建的多端兼容小程序，项目目录 `periodic-table-pro/weapp`\n\n\u003ctable\u003e\n\u003ctr\u003e\n    \u003ctd width=\"33%\"\u003e\n        \u003cimg align=\"center\" src=\"docs/wxacode.jpg\"\u003e\n        \u003cdiv align=\"center\"\u003e微信小程序\u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd  width=\"33%\"\u003e\n        \u003cimg align=\"center\" src=\"docs/qq-code.png\"\u003e\n        \u003cdiv align=\"center\"\u003eQQ小程序\u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd  width=\"33%\"\u003e\n        \u003cimg align=\"center\" src=\"docs/alipay-code.png\"\u003e\n        \u003cdiv align=\"center\"\u003e支付宝小程序\u003c/div\u003e\n    \u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n\n## 环境变量\n\n- `PLATFORM` —— 代替 `process.env.TARO_ENV`， 在 Nextjs 项目中值为 `next`\n- `STATIC_BASE` —— 静态资源地址\n\n\u003cbr\u003e\n\n## 小程序与 Web 端的兼容方案简介\n\n该项目网站采用 Nextjs, 小程序端采用 Tarojs + React, 并在网站和小程序之间复用了大量的组件。\n\n在 Taro 项目中使用 `@tarojs/plugin-html` 插件将 html 标签转译为对应小程序的模版。\n\n在 [`periodic-table-pro/packages/components/compact`](./packages/components/compat/) 目录中实现了一些根据环境变量同时兼容 Nextjs 与 Tarojs 环境的组件和 API。例如`Image`、`Navigator`、`previewImage`、`navigatorTo` 等。\n\n最后在需要复用的组件中使用这些兼容版的组件和 API。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaotlake%2Fperiodic-table-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaotlake%2Fperiodic-table-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaotlake%2Fperiodic-table-pro/lists"}