{"id":15019596,"url":"https://github.com/novlan1/press-ui","last_synced_at":"2025-04-08T08:16:28.175Z","repository":{"id":161890740,"uuid":"636107851","full_name":"novlan1/press-ui","owner":"novlan1","description":"易用、灵活、基于uni-app的组件库","archived":false,"fork":false,"pushed_at":"2025-03-29T16:23:21.000Z","size":54502,"stargazers_count":223,"open_issues_count":0,"forks_count":5,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-01T07:40:24.830Z","etag":null,"topics":["component-library","i18n","mp-qq","mp-weixin","press-ui","ui-framework","uni-app","vant","vue","vue2","vue3"],"latest_commit_sha":null,"homepage":"https://novlan1.github.io/press-ui/","language":"Vue","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/novlan1.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":"2023-05-04T06:30:48.000Z","updated_at":"2025-04-01T06:13:43.000Z","dependencies_parsed_at":"2024-01-06T03:28:22.610Z","dependency_job_id":"55a4c9a8-c65d-4563-808e-639d2cd87e0a","html_url":"https://github.com/novlan1/press-ui","commit_stats":{"total_commits":33,"total_committers":1,"mean_commits":33.0,"dds":0.0,"last_synced_commit":"eea3989b15304e3a1b913de90ef0ac171e5841f8"},"previous_names":[],"tags_count":40,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/novlan1%2Fpress-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/novlan1%2Fpress-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/novlan1%2Fpress-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/novlan1%2Fpress-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/novlan1","download_url":"https://codeload.github.com/novlan1/press-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247801175,"owners_count":20998339,"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":["component-library","i18n","mp-qq","mp-weixin","press-ui","ui-framework","uni-app","vant","vue","vue2","vue3"],"created_at":"2024-09-24T19:53:44.755Z","updated_at":"2025-04-08T08:16:28.166Z","avatar_url":"https://github.com/novlan1.png","language":"Vue","readme":"\n\u003c!-- 复制到 docs 下的时候，去掉“查看文档”和“查看示例” --\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/novlan1/press-ui\"\u003e\n    \u003cimg width=\"150\" src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press%2Fimg%2Fpress-ui-avatar-transparent.png\" style=\"margin-bottom: -25px;\"\u003e\n  \u003c/a\u003e\n\n  \u003cbr\u003e\n\n  [![node][node]][node-url]\n  [![downloads][downloads]][downloads-url]\n  ![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/press-ui)\n  ![NPM Version](https://img.shields.io/npm/v/press-ui)\n  ![NPM License](https://img.shields.io/npm/l/press-ui)\n  ![GitHub last commit](https://img.shields.io/github/last-commit/novlan1/press-ui)\n  ![GitHub Created At](https://img.shields.io/github/created-at/novlan1/press-ui)\n\n  \u003ch1\u003ePress UI\u003c/h1\u003e\n  \u003cp\u003e\n    易用、灵活、基于 uni-app 的跨端组件库\n  \u003c/p\u003e\n\u003c/div\u003e\n\n[查看文档](https://novlan1.github.io/press-ui/) | [查看示例](https://novlan1.github.io/press-ui/h5/)\n\n### 1. 介绍\n\n`Press UI`是一套易用、灵活，基于`uni-app`的跨端组件库。\n\n- 🚀 70+ 基础组件，覆盖移动端主流场景\n- 🚀 支持基于`uni-app`的H5、微信小程序、QQ小程序、APP、支付宝小程序、抖音小程序等\n- 💪 支持普通H5项目\n- 💪 支持 Vue2 和 Vue3\n- 💪 零外部依赖，不依赖三方 npm 包\n- 📖 提供丰富的中英文文档和组件示例\n- 🍭 支持主题定制，内置 600+ 个主题变量\n- 🌍 支持国际化，内置 16+ 种语言包\n\n\u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press/img/services.gif\" width=\"600\"\u003e\n\n### 2. 解决痛点\n\n`Press UI`作为基础组件库，解决了以下痛点：\n\n1. 支持包含`vant`的H5项目平滑迁移至`uni-app`项目，仅需改下引用地址和组件名称\n2. 丰富的组件类型，以及易用的API，让`uni-app`开发变得简单\n3. 支持国际化、主题定制等，组件灵活性更强\n4. 支持普通Vue项目，达到一套代码`n+1`端复用\n\n### 3. 应用场景\n\n`Press UI`可应用于`uni-app`项目，或者普通的H5项目，同时支持 Vue2 和 Vue3。\n\n目前已应用在王者赛宝、HoK Club、赛宝Pro、和平赛事、高能赛事、商户赛等项目中。\n\n\u003cdiv style=\"display:flex;flex-wrap:wrap;margin-top:10px;\"\u003e\n  \u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/4/pvp-esports-screenshort.png\" width=\"200\"\u003e\n  \u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press%2Fimg%2Fhok-club-screenshot.gif\" width=\"200\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv style=\"display:flex;flex-wrap:wrap;margin-top:10px;\"\u003e\n  \u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press/img/press-ui-example-gp-match.gif\" width=\"200\"\u003e\n  \u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press/img/press-ui-example-gn-match.gif\" width=\"200\"\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv style=\"display:flex;flex-wrap:wrap;margin-top:10px;\"\u003e\n  \u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press%2Fimg%2Fown_mike_2bfb54a9ad6b9bc0ff.gif\" width=\"400\"\u003e\n\u003c/div\u003e\n\n### 4. 如何使用\n\n#### 4.1. npm 方式\n\n1. 安装`npm`包\n\n```bash\nnpm i press-ui\n```\n\n2. 在页面中正常引入并使用\n\n比如 `button` 组件：\n\n```html\n\u003ctemplate\u003e\n  \u003cPressButton /\u003e\n\u003c/template\u003e\n```\n\n```ts\n\u003cscript\u003e\nimport PressButton from 'press-ui/press-button/press-button.vue'\n\nexport default {\n  components: {\n    PressButton, \n  },\n}\n\u003c/script\u003e\n```\n\n3. 配置\n\n需要在`vue.config.js`中配置下 `transpileDependencies`：\n\n```js\nmodule.exports = {\n  transpileDependencies: ['press-ui'],\n}\n```\n\n\n#### 4.2. uni_modules 方式\n\n[插件市场](https://ext.dcloud.net.cn/plugin?id=18798)直接导入即可\n\n\n### 5. 立即体验\n\n下图是示例二维码，第一行分别为基于 `uni-app` 的 `Vue2.x` 版本的 H5、微信小程序、QQ小程序、支付宝小程序、安卓项目。\n\n第二行分别为基于 `uni-app` 的 `Vue3.x` 版本的H5、微信小程序，及非 `uni-app` 环境的 `Vue2.x` 、`Vue3.x` 版本的H5项目。\n\n\u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press%2Fimg%2Fpress-demo-cluster-3.gif\" width=\"800\"\u003e\n\n### 6. 示例项目\n\n点击下方链接查看示例项目。\n\n1. [Vue2](https://github.com/novlan1/press-ui-demo-vue2)\n2. [Vue3](https://github.com/novlan1/press-ui-demo-vue3)\n3. [Vue2 非 uni-app](https://github.com/novlan1/press-ui-demo-vue2-pure)\n4. [Vue3 非 uni-app](https://github.com/novlan1/press-ui-demo-vue3-pure)\n\n[node]: https://img.shields.io/node/v/press-ui\n[node-url]: https://nodejs.org\n[downloads]: https://img.shields.io/npm/dm/press-ui\n[downloads-url]: https://npmcharts.com/compare/press-ui?minimal=true\n\n### 7. 加群交流\n\n欢迎加入QQ群沟通。\n\n\u003cimg src=\"https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/press/img/qq-group-1212.png\" width=\"180\"/\u003e\n\n### 8. Star History\n\n\u003cpicture\u003e\n  \u003csource\n    media=\"(prefers-color-scheme: dark)\"\n    srcset=\"\n      https://api.star-history.com/svg?repos=novlan1/press-ui\u0026type=Date\u0026theme=dark\n    \"\n  /\u003e\n  \u003csource\n    media=\"(prefers-color-scheme: light)\"\n    srcset=\"\n      https://api.star-history.com/svg?repos=novlan1/press-ui\u0026type=Date\n    \"\n  /\u003e\n  \u003cimg\n    alt=\"Star History Chart\"\n    src=\"https://api.star-history.com/svg?repos=novlan1/press-ui\u0026type=Date\"\n    width=\"500\"\n  /\u003e\n\u003c/picture\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnovlan1%2Fpress-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnovlan1%2Fpress-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnovlan1%2Fpress-ui/lists"}