{"id":23695999,"url":"https://github.com/qq865738120/easyui","last_synced_at":"2025-09-03T00:31:46.607Z","repository":{"id":52788811,"uuid":"156351302","full_name":"qq865738120/easyUI","owner":"qq865738120","description":"小程序组件库","archived":false,"fork":false,"pushed_at":"2019-10-27T09:07:52.000Z","size":1848,"stargazers_count":97,"open_issues_count":0,"forks_count":35,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-03-21T11:54:05.740Z","etag":null,"topics":["button","card","component","components","easy","easyui","icons","library","modal","popup","suspension-button","tabs","ui","ui-components","web","wechat","wechat-app","wechat-framework","wechat-mini-program","weixin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qq865738120.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}},"created_at":"2018-11-06T08:30:43.000Z","updated_at":"2023-03-21T11:54:05.740Z","dependencies_parsed_at":"2022-08-22T10:10:25.948Z","dependency_job_id":null,"html_url":"https://github.com/qq865738120/easyUI","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qq865738120%2FeasyUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qq865738120%2FeasyUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qq865738120%2FeasyUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qq865738120%2FeasyUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qq865738120","download_url":"https://codeload.github.com/qq865738120/easyUI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231819017,"owners_count":18431234,"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":["button","card","component","components","easy","easyui","icons","library","modal","popup","suspension-button","tabs","ui","ui-components","web","wechat","wechat-app","wechat-framework","wechat-mini-program","weixin"],"created_at":"2024-12-30T05:58:30.859Z","updated_at":"2024-12-30T05:58:31.626Z","avatar_url":"https://github.com/qq865738120.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![home](https://github.com/qq865738120/easyUI/blob/master/imgs/easyUI.png)\n# easyUI\n\n\u003e一款简单易用的微信小程序组库，封装开发中常用的组件，提高开发效率，以及代码的可维护性。\n\u003e超越一行代码的极限，体验开箱即用开发方式。默认配置即可满足大部分需求，特殊情况可自定义相关属性来满足需求。\n\n\u003e组件库中的任何一个组件都可以单独使用，不依赖任何组件，可以根据业务需求添加真正使用到的组件，让您的小程序一小再小。\n\n\u003e根据官方组件设计api以及api文档，及其容易上手，对新手十分友好。\n\n*************************************\n\n# 基础库版本\n\n\u003e请使用1.9.90以上的基础库。\n\n# 使用方法\n\u003e打开项目，选择需要的组件（组件位于component目录下），将包含组件4个文件的文件夹复制到您的项目中。  \n然后在您项目的代码中引用即可，详细引用说明请查看[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)。\n\n### 扫码查看api文档\n![home](https://github.com/qq865738120/easyUI/blob/master/imgs/QR.jpg)\n\n# 运行项目\n1. 进入项目根目录。\n2. 进入[node官网](https://nodejs.org/)下载node并安装（如果已经安装请省略这步）。\n3. 在项目根目录打开命令行（cmd/终端）运行`npm install`。看到命令行内没有错误提示，并且项目根目录多出一个node_modules目录。\n4. 用微信开发者工具打开项目（如果已经打开请省略这步）。\n5. 点击微信开发者工具左上角，工具-\u003e构建npm。提示构建完成后会看到项目根目录多出一个miniprogram_npm目录。\n6. 点击微信开发者工具“编译”按钮，可以看到项目运行起来了:blush:。\n\n# 组件目录\n\n| 组件名      | 路径                              | 说明                  |\n| ----------- | --------------------------------- | -------------------- |\n| icon_button | [component/button/icon_button](component/button/icon_button) | 带图标的按钮 |\n| base_list | [component/list/base_list](component/list/base_list) | 带有标题和副标题的列表项 |\n| title_view | [component/structure/title_view](component/structure/title_view) | 带有标题的view |\n| base_button | [component/button/base_button](component/button/base_button) | 按钮 |\n| head_portrait | [component/base/head_portrait](component/base/head_portrait) | 头像 |\n| search | [component/form/search](component/form/search) | 带有标题和副标题的列表项 |\n| enhance_text | [component/base/enhance_text](component/base/enhance_text) | 增强text |\n| enhance_view | [component/base/enhance_view](component/base/enhance_view) | 增强view |\n| icon_list | [component/list/icon_list](component/list/icon_list) | 图标列表，可满足大部分列表需求 |\n| enhance_icon | [component/base/enhance_icon](component/base/enhance_icon) | 增强icon，可用于展示图标或图片 |\n| goods_card | [component/senior/goods_card](component/senior/goods_card) | 商品展示卡 |\n| goods_detail | [component/senior/goods_detail](component/senior/goods_detail) | 商品详情展示 |\n| suspension_button | [component/button/suspension_button](component/button/suspension_button) | 浮动按钮 |\n| count_button | [component/form/count_button](component/form/count_button) | 计数按钮 |\n| modal | [component/senior/modal](component/senior/modal) | 模态框 |\n| goods_list | [component/list/goods_list](component/list/goods_list) | 商品列表 |\n| sidebar | [component/senior/sidebar](component/senior/sidebar) | 侧边栏菜单 |\n| enhance_image | [component/base/enhance_image](component/base/enhance_image) | 增强image，可用于需要背景图片的场景 |\n| head_view | [component/structure/head_view](component/structure/head_view) | 带有头部标题栏的view |\n| base_card | [component/list/base_card](component/list/base_card) | 基础卡片组件 |\n| tabs | [component/senior/tabs](component/senior/tabs) | 标签栏 |\n| load_more | [component/base/load_more](component/base/load_more) | 加载更多组件 |\n| loading | [component/base/loading](component/base/loading) | 加载动画组件 |\n| popup | [component/senior/popup](component/senior/popup) | 弹出框组件 |\n| checker | [component/form/checker](component/form/checker) | 选项组件，常用于商品规格选择 |\n| progress_bar | [component/base/progress_bar](component/base/progress_bar) | 进度条组件 |\n| icon | [component/base/icon](component/base/icon) | 图标组件 |\n| transition | [component/base/transition](component/base/transition) | 过度效果组件 |\n\n\n# 版本说明\n\n### v1.3.0 last\n- 新增组件\n1. progress_bar\n2. icon\n3. transition\n- 修复\u0026优化\n1. 优化小程序\n\n### v1.2.1\n- 新增组件\n- 修复\u0026优化\n1. 优化小程序，并新增发现页面\n2. 优化suspension_button组件，新增openType属性兼容原生button组件特殊使用场景\n3. 优化suspension_button组件，新增img-cus自定义类，可用于使用阿里图标库的场景\n4. 优化icon_button组件，增加对小程序原生button组件的form-type以及open-type属性的支持\n5. goods_detail组件底部添加自定义插槽bottom\n6. 修复loading组件设置width和height属性不起作用的bug\n7. 修复tabs组件selected属性使用数据绑定时界面显示异常的bug\n8. 修复icon_button组件的样式问题\n9. 修复基础库版本升级引起的tabs组件bug\n10. 修复suspension_button组件移动时触发点击事件的bug\n11. 修复enhance_image组件cus自定义类的bug\n\n### v1.2.0\n- 新增组件\n- 修复\u0026优化\n1. goods_detail组件支持视频展示\n2. search组件bug修复\n\n### v1.1.0\n- 新增组件\n1. tabs\n2. load_more\n3. loading\n4. popup\n5. checker\n- 修复\u0026优化\n1. modal组件关闭按钮支持阿里图标库  \n2. icon_button新增dataCus属性  \n3. 修复sidebar组件使用setData更新数据时候不显示的bug\n4. sidebar新增dataCus属性以及selected属性\n5. search新增onclean事件函数\n6. goods_card新增dataCus属性\n7. goods_list新增dataCus属性\n8. tabs组件优化\n9. suspension_button组件点击事件不触发bug修复\n10. suspension_button组件不使用图标时的文本布局问题修复\n11. goods_detail组件新增点击banner图可预览图片，以及样式优化\n12. base_list组件自定义样式类bug修复\n13. icon_button组件新增徽章效果，可通过badge属性设置，并且支持使用阿里图标库使用cus-icon自定义类设置\n\n### v1.0.7\n- 新增组件\n1. goods_list  \n2. sidebar\n3. enhance_image\n4. head_view  \n5. base_card\n- 修复\u0026优化\n1. search组件新增默认搜索图标。\n2. search组件删除清除图标。\n3. enhance_text支持使用阿里图标库引入图标（增加icon-cus自定义样式类）。\n4. enhance_icon支持使用阿里图标库引入图标。\n5. enhance_icon新增color属性。\n\n# 关于\n- 作者：code_xia\n- 个人邮箱：zwj865738120@163.com\n- 单位：[搜空集团](http://www.soonking.com/soukongweb/pages/index.html)\n\n# 写在最后\n\n\u003e使用组件前请详细查看组件提供的接口。  \n\u003e查看方法：打开小程序选择页面，点击对应组件下方的“详细说明”按钮。\n\n### 给作者买杯咖啡\n![pay](https://github.com/qq865738120/easyUI/blob/master/imgs/pay.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqq865738120%2Feasyui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqq865738120%2Feasyui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqq865738120%2Feasyui/lists"}