{"id":23116450,"url":"https://github.com/zoroer/zoro_plugins","last_synced_at":"2026-07-18T00:38:25.655Z","repository":{"id":232561987,"uuid":"104903576","full_name":"zoroer/zoro_plugins","owner":"zoroer","description":"This folder contains some plugins that I done in my daily job.","archived":false,"fork":false,"pushed_at":"2019-09-09T10:55:57.000Z","size":1647,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-05T16:07:22.534Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/zoroer.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":"2017-09-26T15:31:12.000Z","updated_at":"2019-09-09T10:55:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"487af37f-8df6-4515-be44-ffbd6cae655f","html_url":"https://github.com/zoroer/zoro_plugins","commit_stats":null,"previous_names":["zoroer/zoro_plugins"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zoroer/zoro_plugins","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoroer%2Fzoro_plugins","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoroer%2Fzoro_plugins/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoroer%2Fzoro_plugins/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoroer%2Fzoro_plugins/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zoroer","download_url":"https://codeload.github.com/zoroer/zoro_plugins/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoroer%2Fzoro_plugins/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279960134,"owners_count":26251358,"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-10-19T02:00:07.647Z","response_time":64,"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-12-17T04:16:15.817Z","updated_at":"2025-10-20T00:47:46.334Z","avatar_url":"https://github.com/zoroer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# zoro_plugins\n### 避免重复的代码工作，总结了工作中用到的一些组件，使用时会随着工作的需求一直添加修改bug并且添加新的组件。\n\n## plugins1: imgUploadPlugin\nimgUploadPlugin是一个简单的单图片压缩回显的组件。\n\n#### 下边是组件的所有参数, 不传任何参数按照默认设置。 \n1. isCompress:         是否需要压缩, 默认true\n2. compressPercent:    压缩比例（0-1），默认0.2\n3. imgTypes:           支持上传的图片类型，默认'jpeg|jpg|png'三种\n4. imgSize:            支持上传的图片的最大大小， 默认10M\n5. imgBlockMes:        上传的封面文字信息, 默认文字为'请上传照片，并保证照片清晰可读',\n6. imgWrap:            区别不同的上传组件，需要同时在html的zoroUploadBlock处添加class\n\n#### 一个configObj的配置例子：\n```\n configObj = {\n    isCompress: true,           \n    compressPercent: 0.1,      \n    imgTypes: 'jpeg|jpg|png',   \n    imgSize: 10                 \n    imgBlockMes:'请上传照片'     \n    imgWrap: ''    \n }     \n```        \n\n#### 组件使用截图\n\u003ccenter\u003e\n\n未选择图片的截图\n\n![未选择图片的截图](https://github.com/zoroer/zoro_plugins/blob/master/zoro_imgUploadPlugin/screenShots/img1.png)\n\n\n选择图片未压缩的截图\n\n![选择图片未压缩的截图](https://github.com/zoroer/zoro_plugins/blob/master/zoro_imgUploadPlugin/screenShots/img2.png)\n\n选择图片并且压缩之后的截图\n\n![选择图片并且压缩之后的截图](https://github.com/zoroer/zoro_plugins/blob/master/zoro_imgUploadPlugin/screenShots/img3.png)\n\u003c/center\u003e\n\n### 注意点:\n1. 组件不涉及提交的逻辑，最后提交时，需要自己获取$(\".quickSaveCatch\")的值 (base64格式的图片) ，进行提交!\n2. 多个组件的话$(\".quickSaveCatch\")获取到的是一个数据，需要自己处理!\n         \n### plugins2: sliderAnimatePlugin\nslideAnimatePlugin是一个无缝滚动的组件。\n\n#### 组件的特点：\n1. 支持 left|top|right|bottom 四个方向的滚动\n2. 组件提供了图片模式和文字模式，只需要在参数中提供相应的资源即可完成切换。\n\n#### 下边是组件的所有参数, 不传任何参数按照默认设置。 \n1. animateDirection:       组件滚动的方向，默认为\"left\"\n2. animateSpeed:           滚动的速度，默认2px/s\n3. resourcesArr:           需要滚动展示的资源数组，图片模式下需要上传一组图片，文字模式下请提供滚动的文字\n4. textMode:               是否开启文字模式， 组件默认是图片模式\n5. textModeStyle:          文字模式下上传文字的样式\n\n#### 一个configObj的配置例子：\n```\n configObj = {\n    animateDirection: \"left\",\n    animateSpeed: 2,\n    resourcesArr: [\n        \"./img/img1.jpg\",\n        \"./img/img2.jpg\",\n        \"./img/img3.jpg\",\n        \"./img/img4.jpg\",\n        \"./img/img5.jpg\"\n    ],\n    textMode: false\n }     \n```  \n\n#### 组件使用截图\n\u003ccenter\u003e\n\n滚动的截图\n![未选择图片的截图](https://github.com/zoroer/zoro_plugins/blob/master/zoro_slideAnimatePlugin/screenShoots/slideImg.png)\n\u003c/center\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoroer%2Fzoro_plugins","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzoroer%2Fzoro_plugins","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoroer%2Fzoro_plugins/lists"}