{"id":19345586,"url":"https://github.com/future-team/ph-router-transition","last_synced_at":"2026-06-20T14:32:21.920Z","repository":{"id":70589166,"uuid":"86043499","full_name":"future-team/ph-router-transition","owner":"future-team","description":"React router transition ","archived":false,"fork":false,"pushed_at":"2017-03-28T08:09:09.000Z","size":857,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-02-24T09:33:29.138Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":" http://future-team.github.io/ph-router-transition/doc/index.html","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/future-team.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-24T08:12:30.000Z","updated_at":"2017-05-29T13:46:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"a3541f86-d0f4-4187-bb8b-1664f0e24686","html_url":"https://github.com/future-team/ph-router-transition","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/future-team/ph-router-transition","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fph-router-transition","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fph-router-transition/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fph-router-transition/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fph-router-transition/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/future-team","download_url":"https://codeload.github.com/future-team/ph-router-transition/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fph-router-transition/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34573729,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-20T02:00:06.407Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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-10T04:07:13.292Z","updated_at":"2026-06-20T14:32:21.898Z","avatar_url":"https://github.com/future-team.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ph-router-transition\n一个基于React的移动端页面切换组件。\n\n## Install\n```\n    $ npm install ph-router-transition --save\n```\n\n## Usage\n ```code\n    import RouterTransition from 'ph-router-transition';\n\n    const PageTransition = (props)=\u003e(\n        \u003cRouterTransition {...props} transitionName=\"slide-left\" loadedCallback={()=\u003e{console.log('end!!!');}} timeout={500}\u003e{props.children}\u003c/RouterTransition\u003e\n    );\n\n    let Index = class index extends Component {\n        render() {\n            return (\n                 \u003cdiv className=\"menu ph-transition-index\"\u003e\n                  ...\n                 \u003c/div\u003e\n            );\n        }\n    };\n\n    \u003cRouter history={this.history}\u003e\n        \u003cRoute component={PageTransition}\u003e\n            \u003cRoute path=\"/index\" name=\"index\" component={Index} /\u003e\n            \u003cRoute path=\"/detail\" name=\"detail\" component={Detail} /\u003e\n            ...\n            \u003cRedirect from=\"/\" to=\"/index\" /\u003e\n        \u003c/Route\u003e\n    \u003c/Router\u003e\n```\n\n## Documentation\n文档随时更新,请关注:\n[http://future-team.github.io/ph-router-transition/doc/index.html](http://future-team.github.io/ph-router-transition/doc/index.html)\n\n## Examples\n\n[http://future-team.github.io/ph-router-transition/example/index.html](http://future-team.github.io/ph-router-transition/example/index.html)\n\n```\n    $ cd ph-router-transition\n    $ npm install\n    $ bower install\n\n    生成文件：\n    build：npm run build || gulp build\n\n    开发调试：\n    demo：npm run demo || gulp demo\n\n    测试：\n    npm run test\n\n    生成文档：\n    npm run doc\n\n    查看示例：\n    $npm install anywhere -g\n    $ anywhere\n```\n\n## Command\n```\n    $ npm run demo\n    $ npm run build\n    $ npm run doc\n    $ npm run test\n```\n\n## Repair\n\n`version 0.1.0` new\u003cbr/\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffuture-team%2Fph-router-transition","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffuture-team%2Fph-router-transition","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffuture-team%2Fph-router-transition/lists"}