{"id":19603766,"url":"https://github.com/lin-xi/react-xslider","last_synced_at":"2025-04-27T18:32:09.747Z","repository":{"id":71694903,"uuid":"52188264","full_name":"lin-xi/react-xslider","owner":"lin-xi","description":"react-xslider 是一个轮播组件，实现了类似swiper的主要功能，自动播放，无限循环，以及swiper不具备的懒加载模式。","archived":false,"fork":false,"pushed_at":"2016-02-22T11:00:03.000Z","size":60,"stargazers_count":14,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-05T02:11:52.617Z","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/lin-xi.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-02-21T03:09:44.000Z","updated_at":"2022-06-09T14:28:40.000Z","dependencies_parsed_at":"2023-05-06T09:47:04.454Z","dependency_job_id":null,"html_url":"https://github.com/lin-xi/react-xslider","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lin-xi%2Freact-xslider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lin-xi%2Freact-xslider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lin-xi%2Freact-xslider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lin-xi%2Freact-xslider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lin-xi","download_url":"https://codeload.github.com/lin-xi/react-xslider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251187416,"owners_count":21549638,"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":[],"created_at":"2024-11-11T09:32:28.598Z","updated_at":"2025-04-27T18:32:08.849Z","avatar_url":"https://github.com/lin-xi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"React-xslider\n====\n\n    \u003eslider是一个轮播组件，实现了swiper的主要功能，自动播放，无限循环，以及swiper不具备的懒加载模式。\n\t\n## 特性\n\t* 体积小，没压缩的源代码才13kb\n\t* 功能丰富，麻雀虽小，脏腑俱全\n\t* 懒加载，提高移动端页面性能的利器\n\t* 自定义样式，简单实用\n\t\n--------\n\t\n##依赖\n    \u003clabel\u003ereact\u003c/label\u003e\n    \n--------\n\t\n##安装：\n    \u003enpm install react-xslider --save\n    \n--------\n\n##所有配置项 props\n\n    auto: bool,  是否自动播放\n    speed: number, 自动播放时间间隔\n    loop: bool, 是否无限循环\n    lasy: bool, 是否懒加载\n    paginationHide: bool, 是否隐藏分页器\n\t\n--------\n\n###[最基本demo1](http://lin-xi.github.io/react-xslider)\n    \n###[最基本demo2 auto自动播放](http://lin-xi.github.io/react-xslider)\n\n###[最基本demo3 loop无限循环](http://lin-xi.github.io/react-xslider)\n\n###[最基本demo4 lasy懒加载模式](http://lin-xi.github.io/react-xslider)\n\n\t\n\t懒加载模式，适用于items很多, 或者图片懒加载的情景\u003c/h2\u003e\n    dom中永远都只动态加载3个slider-item，不会因为items很多导致性能问题\u003cbr\u003e\n    可以用于页面之间的切换\n\t\n###[最基本demo5 paginationHide不显示分页器](http://lin-xi.github.io/react-xslider)\n\n\n###[自定义分页器样式](http://lin-xi.github.io/react-xslider)\n\n    ```\n\t\t.slider-pagination {\n\t\t\tposition: absolute;\n\t\t\tbottom: 5px;\n\t\t\tright: 20px;\n\n\t\t\tspan{\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 10px;\n\t\t\t\tborder-radius: 100%;\n\t\t\t\tbackground-color: #ccc;\n\t\t\t\tmargin-right: 5px;\n\t\t\t}\n\t\t\tspan.active{\n\t\t\t\tbackground-color: #ff2d4b;\n\t\t\t}\n\t\t}\n    ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flin-xi%2Freact-xslider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flin-xi%2Freact-xslider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flin-xi%2Freact-xslider/lists"}