{"id":13769487,"url":"https://monw3c.github.io/xmui/","last_synced_at":"2025-05-11T02:32:39.980Z","repository":{"id":27116212,"uuid":"112549422","full_name":"monw3c/xmui","owner":"monw3c","description":"基于vue2，为公司产品打(zao)造(lun)的(zi)可复用UI组件，文档:","archived":false,"fork":false,"pushed_at":"2023-02-22T07:19:47.000Z","size":2813,"stargazers_count":105,"open_issues_count":1,"forks_count":37,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-28T04:34:32.441Z","etag":null,"topics":["component","ui-components","vue","vuejs2"],"latest_commit_sha":null,"homepage":"https://monw3c.github.io/xmui/","language":"Vue","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/monw3c.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}},"created_at":"2017-11-30T01:37:25.000Z","updated_at":"2024-10-08T11:43:06.000Z","dependencies_parsed_at":"2024-01-06T20:54:34.659Z","dependency_job_id":null,"html_url":"https://github.com/monw3c/xmui","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monw3c%2Fxmui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monw3c%2Fxmui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monw3c%2Fxmui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monw3c%2Fxmui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/monw3c","download_url":"https://codeload.github.com/monw3c/xmui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253507143,"owners_count":21919158,"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","ui-components","vue","vuejs2"],"created_at":"2024-08-03T17:00:26.982Z","updated_at":"2025-05-11T02:32:39.111Z","avatar_url":"https://github.com/monw3c.png","language":"Vue","funding_links":[],"categories":["Showcase"],"sub_categories":[],"readme":"\u003cdiv align=center\u003e\u003ca href=\"https://github.com/monw3c/xmui\" target=\"blank\"\u003e\u003cimg src=\"https://github.com/monw3c/xmui/blob/master/docs/imgs/logo.png?raw=true\"/\u003e\u003c/a\u003e\u003c/div\u003e\n\n# XMUI\n\n[![Version](https://img.shields.io/npm/v/x-m-ui.svg)](https://www.npmjs.com/package/x-m-ui) [![Downloads](http://img.shields.io/npm/dm/x-m-ui.svg)](https://www.npmjs.com/package/x-m-ui) [![License](https://img.shields.io/npm/l/x-m-ui.svg?style=flat)](https://opensource.org/licenses/MIT) [![TravisCI](https://img.shields.io/badge/build-passing-brightgreen.svg)](https://travis-ci.org/XadillaX/x-m-ui)\n\n基于vue 2+ ，为公司产品打(zao)造(lun)的(zi)可复用UI组件，适用于 移动 和 部分PC 端，其中包括 基础组件 和 应用组件，目前 组件 和 文档 在不断完善中。\n\n\n## 特性\n\n- 基于 [Vue](http://vuejs.org/)`\u003e=v2.1.4` 开发的可复用 UI 组件，并且可随产品需要扩展\n- 使用Vue官方的工作流，支持 ES6\n- 一系列产品线都在使用中\n- 关于SEO问题推荐使用插件 [prerender-spa-plugin](https://github.com/chrisvfritz/prerender-spa-plugin)\n\n## 浏览器支持\n\n- 适用于 移动 和 部分PC 端\n\n## 通用项目工程\n\n- 基于官方扩展的项目工程，集成了Axios，Dayjs和可选的XMUI，Vuex https://github.com/monw3c/vue-wp-cli\n\n## 开发\n\u003e 全局引入 -- 在 webpack 入口文件 main.js 中如下配置：\n\n``` bash\n# 安装\ncnpm install x-m-ui --save\n\n# 引入css\nimport 'x-m-ui/package/xmui.min.css'\n\n# 引入xmui.min.js\nimport xmui from 'x-m-ui'\n\n# 注入到vue\nVue.use(xmui)\n```\n\n\u003e 按需引入 -- 在 入口文件 main.js 或 组件内 中如下配置：\n\n``` bash\n# 全局组件 main.js引入\nimport Toast from 'x-m-ui/package/comps/components/toast'\nVue.prototype.$toast = Toast\n\n# 一般组件\nimport xmButton from 'x-m-ui/package/comps/components/button'\nimport xmButtonGroup from 'x-m-ui/package/comps/components/buttongroup'\nimport xmModal from 'x-m-ui/package/comps/components/modal'\n...\n\ncomponents: {\n    xmButton,\n    xmButtonGroup,\n    xmModal\n    ...\n}\n```\n更多说明，请查看[在线文档](https://monw3c.github.io/xmui/)\n\n## 查看示例\n\n[在线示例](https://monw3c.github.io/xmui/dist/)\n\n## 组件列表\n- [x] 按钮\n- [x] 标签\n- [x] 加载更多\n- [x] 搜索框\n- [x] 单元格\n- [x] 表单\n- [x] 网格和图标\n- [x] flexbox\n- [x] Modal\n- [x] Toast\n- [x] Loading\n- [x] 工单流程\n- [x] skeleton骨架\n- [x] Lazy延迟加载\n- [ ] 轮播\n- [x] ActionSheet\n- [x] Popup\n- [x] 数字键盘\n- [x] 无缝滚动\n- [ ] 左右滑菜单\n- [ ] 时间选择器\n- [ ] 标签页\n- [x] 导航栏(顶部)\n- [x] 标签栏(底部)\n\n## 关于如何构建 Vue 组件库的文章，有兴趣的朋友可了解一起探讨\n\n[如何基于 Vue 2 写一套 UI 库](http://gitbook.cn/gitchat/activity/5a5df169462f9b46f3418520)\n\n## 贡献\n\n在此不一一感谢所有付出脑力体力的同仁，如有疑问，请与我们联系\n如果你在使用时遇到问题，或者有好的建议，欢迎给我们提 [Issue](https://github.com/monw3c/xmui/issues) 或 [Pull Request](https://github.com/monw3c/xmui/pulls)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/monw3c.github.io%2Fxmui%2F","html_url":"https://awesome.ecosyste.ms/projects/monw3c.github.io%2Fxmui%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/monw3c.github.io%2Fxmui%2F/lists"}