{"id":19345581,"url":"https://github.com/future-team/phoenix-ui","last_synced_at":"2025-07-30T09:03:08.610Z","repository":{"id":8775442,"uuid":"59179534","full_name":"future-team/phoenix-ui","owner":"future-team","description":"React Components for Mobile App.","archived":false,"fork":false,"pushed_at":"2022-10-29T01:12:18.000Z","size":8531,"stargazers_count":14,"open_issues_count":15,"forks_count":1,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-02-24T09:33:33.513Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://future-team.github.io/phoenix-ui/doc/index.html","language":"HTML","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/future-team.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}},"created_at":"2016-05-19T06:23:14.000Z","updated_at":"2023-08-29T04:56:50.000Z","dependencies_parsed_at":"2023-01-13T16:23:52.834Z","dependency_job_id":null,"html_url":"https://github.com/future-team/phoenix-ui","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/future-team/phoenix-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fphoenix-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fphoenix-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fphoenix-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fphoenix-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/future-team","download_url":"https://codeload.github.com/future-team/phoenix-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/future-team%2Fphoenix-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267842967,"owners_count":24153132,"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","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"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:09.592Z","updated_at":"2025-07-30T09:03:08.533Z","avatar_url":"https://github.com/future-team.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# phoenix-ui\n一个基于React的移动端UI组件库。\n\n## Install\n```\n    $ npm install phoenix-ui --save\n```\n\n## Usage\n```\n    // CommonJS\n    var Button = require('phoenix-ui/lib/button');\n    // ES6\n    import Button from 'phoenix-ui/lib/button';\n\n    //react\n    \u003cButton phSize=\"xs\" phStyle=\"primary\"\u003e按钮\u003c/Button\u003e\n```\n\n## Attention\n使用phoenix2.0+版本必须在head中引入`gfs-viewport.js`:\n```\n    ...\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003ePhoenix-ui Examples\u003c/title\u003e\n    \u003cscript type=\"text/javascript\" src=\"https://www.dpfile.com/app/gfs-viewport/gfs-viewport.js\"\u003e\u003c/script\u003e\n    ...\n```\n以上js文件自动生成viewport的meta，需要删掉之前写在头部的`\u003cmeta name=\"viewport\" ...\u003e`。\n\n## Layout\n强烈推荐rem布局，布局方式：750规格设计稿提供的px值(像素值)下，除以`100`，得到rem的值。\n配合`gfs-viewport.js`解决px在不同dpr(设备像素比)下的表现差异问题。\n\n## Documentation\n文档随时更新,请关注:\n[https://future-team.github.io/phoenix-ui/doc/index.html](https://future-team.github.io/phoenix-ui/doc/index.html)\n\n## Examples\n\n[https://future-team.github.io/phoenix-ui/examples/index.html](https://future-team.github.io/phoenix-ui/examples/index.html)\n\n```\n    $ cd phoenix-ui\n    $ npm install\n    $ bower install\n    生成文件：\n    build：npm run build || gulp build\n    开发调试：\n    demo：npm run dev || gulp dev\n    测试：\n    npm run test\n    生成文档：\n    npm run docBuild\n    查看示例：\n    $npm install anywhere -g\n    $ anywhere\n```\n## Browser Support\nPhoenix UI is tested with the following browsers and mobile OS.\n\n- Android 4.4.2 +\n- IOS 8 +\n- Chrome\n\n## Command\n\n```\n    $ npm run dev\n    $ npm run build\n    $ npm run doc\n    $ npm run test\n```\n\n## Repair\n\n`version 3.5.0` FastClick兼容ios11。\u003cbr/\u003e\n`version 3.4.0` ButtonGroup新增extra属性，Checkbox新增小的checkbox，PhFilterCheckbox支持showExtra。\u003cbr/\u003e\n`version 3.0.1` styles采用px布局，摒除viewport引入。\u003cbr/\u003e\n`version 3.0.0` 升级到react16。\u003cbr/\u003e\n`version 2.0.13` 接入pmlogger@1.0.5记录数据。\u003cbr/\u003e\n`version 2.0.10` 解决ph-filter、input等多组件问题。\u003cbr/\u003e\n`version 2.0.0` 去掉TableView和ForemGroup，新增List；Popover去掉Whisper的辅助使用；Input拆分成Input、Checkbox、Radio等。\u003cbr/\u003e\n`version 1.7.4` Toast增加duration的参数范围; Button增加phIcon属性。 \u003cbr/\u003e\n`version 1.7.0` Slider组件功能拓展，新增Steps、ImageList组件; \u003cbr/\u003e\n`version 1.6.2` 新增LoadingList组件; \u003cbr/\u003e\n`version 1.4.2` Toast拓展; ButtonGroup回调函数名称修改; \u003cbr/\u003e\n`version 1.4.1` onChange方法统一改名，避免子组件包含Input组件引发的问题；menu组件bug修改。 \u003cbr/\u003e\n`version 1.4.0` 新增menu子组件，包括导航，导航列表 \u003cbr/\u003e\n`version 1.3.0` 新增menu组件 \u003cbr/\u003e\n`version 1.2.0` 新增Icon组件 \u003cbr/\u003e\n`version 1.1.3` 统一组件使用方式; Textarea bug处理\u0026使用方式优化; 优化手风琴使用方式; 增加弹框可操控参数; \u003cbr/\u003e\n`version 1.1.1` 样式统一加ph前缀，配合Phoenix-styles@v1.1.1使用 \u003cbr/\u003e\n`version 1.1.0` 增加Drag对鼠标事件的支持;文案类整理 \u003cbr/\u003e\n`version 1.0.0` 新增Whisper/Popover、Slider、Animate、Drag \u003cbr/\u003e\n`version 0.4.0` 新增Popup、Accordion、Modal改Dialog \u003cbr/\u003e\n`version 0.3.0` 新增Textarea、Swipe、Modal、Toast \u003cbr/\u003e\n`version 0.2.0` 修复tab相关bug和优化 \u003cbr/\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffuture-team%2Fphoenix-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffuture-team%2Fphoenix-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffuture-team%2Fphoenix-ui/lists"}