{"_id":"vue3-easy-swiper","_rev":"35-0bfd17d0441c28eaef71ebc54dcbbd38","name":"vue3-easy-swiper","dist-tags":{"latest":"1.2.8"},"versions":{"1.2.3":{"name":"vue3-easy-swiper","version":"1.2.3","keywords":["swiper","vue3"],"author":{"name":"zhongzhichun"},"_id":"vue3-easy-swiper@1.2.3","maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"dist":{"shasum":"b32ca4a813d402c1ba766c2847b853c087830251","tarball":"https://registry.npmjs.org/vue3-easy-swiper/-/vue3-easy-swiper-1.2.3.tgz","fileCount":8,"integrity":"sha512-bTaXPzDmZwLPknMbsyYtepriJtejs5rrlKMPHntj21jlNRPC9RCbaaFqzbqd7AQXCKupwsTQ14dCjjbglb/BJA==","signatures":[{"sig":"MEUCIQDwPg1hLCpTGFt81RGNqnVQeNRW5Yz/2X5XwLdah72KhwIgYusEnybQAYzdqXV8dVS+dFrbUmXK+shtqWpx/0UR8Ik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSyiRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpR2A//Ql4eDx1wTsY87Xk1OsHKmUv2uPFjv96ZlKSNDLC8uhxgjEEr\r\nOO78a4ise9PIEKXd85TF57zRZWexyDwExzH2JrCgTB+8pjJqi7P9xSGyDc/y\r\nL/S1Ml/2GlJBvekN1jzLLwxilPN5nmkEAMTYDSOoRS92ocL6FQCiqJhIFPLA\r\ng0ID1qqcydGyZkw+W5DdoRe/svQYYZFK0TNz2VpZAR/sfhQS6DElgujwIQ/x\r\nqIVsat3JkMGwKBpXh5hKzQxUOiA9c7bcLYSadgebK4eE/fUju0nZ0DZIldt4\r\nPIB2jV5cO+bbTMDlpWrv+iSq2epY3/Y8LTLXM2vbTmKE2KHuOhdkzj3Z3MtE\r\niMIyJJX1S8BREwDGDVEVpH+H6c5g/rbWLUpBODRJZenbGBVjWLsOeeEOvqtK\r\nUzHzGZyTgSp2GDKnvVmRlRQcpLqfGvRQGbqEk4yvwXvJR/eiwAUHgiF/XSaa\r\nQCAt6r2WvUU/JgeRmA3kKXPHaFRuQEuSrZZWFiZSdbLF/vb0WGcrNDp4YM85\r\nMuGxe8eRlQyjmUP11DE0iQRqZrxby87XGHn7/6rSshoU2wj7Civ5JvlvdAqK\r\nBl/sGzvOIohNbbB98hvUrJAlJNRO/5ZIIkUKQSGgjk61vyFQDPjrQcjsw5bz\r\nO3fx+Koiv2BkPsCrduMCZPEnTJM0aAJQGjU=\r\n=GDYg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./dist/index.es.js","gitHead":"b4e7cda65242eb5aa220ee5a6ed5b57f9621ee64","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"typings":"./lib/typings/index.d.ts","_npmUser":{"name":"zzc2023","email":"974683998@qq.com"},"repository":{"url":"git+https://github.com/yezipi/vue3-easy-swiper.git","type":"git"},"_npmVersion":"8.11.0","description":"a easy vue3 loop swiper plugin","directories":{},"_nodeVersion":"16.15.1","dependencies":{"vue":"^3.2.25","vue3-easy-swiper":"^1.1.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^2.7.2","vue-tsc":"^0.29.8","typescript":"^4.4.4","@vitejs/plugin-vue":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-easy-swiper_1.2.3_1682647185260_0.18249354508666427","host":"s3://npm-registry-packages"}},"1.2.4":{"name":"vue3-easy-swiper","version":"1.2.4","keywords":["swiper","vue3"],"author":{"name":"zhongzhichun"},"_id":"vue3-easy-swiper@1.2.4","maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"dist":{"shasum":"1715c3ef4c845af787063f385dd3435d8732158f","tarball":"https://registry.npmjs.org/vue3-easy-swiper/-/vue3-easy-swiper-1.2.4.tgz","fileCount":8,"integrity":"sha512-Pqv5lV4aJTM6lM8llw9x0Tr8R97+/KQ7Vh/ux59Aao8iV+C1SUoJHLfuaUM4R1OzRhMcxceVeLWmrODyW+AQ/g==","signatures":[{"sig":"MEUCIQD3nPD8T6rZPWf9F8nREvmOzMhZmFT9lPrb2iSja0tmegIgYF34T77s4lT84SvGDFm/mUqX3AS+9/+yctlWvyUUS5c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31865},"main":"./dist/index.es.js","gitHead":"eea047e3be446dda662cec414347a0e843caf605","scripts":{"dev":"vite --port=3010","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"typings":"./lib/typings/index.d.ts","_npmUser":{"name":"zzc2023","email":"974683998@qq.com"},"repository":{"url":"git+https://github.com/yezipi/vue3-easy-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"a easy vue3 loop swiper plugin","directories":{},"_nodeVersion":"18.19.0","dependencies":{"vue":"^3.2.25","vue3-easy-swiper":"^1.1.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^2.7.2","vue-tsc":"^0.29.8","typescript":"^4.4.4","@vitejs/plugin-vue":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-easy-swiper_1.2.4_1730799792416_0.08554229559967208","host":"s3://npm-registry-packages"}},"1.2.5":{"name":"vue3-easy-swiper","version":"1.2.5","keywords":["swiper","vue3"],"author":{"name":"zhongzhichun"},"_id":"vue3-easy-swiper@1.2.5","maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"dist":{"shasum":"bec2e8ac0f767c2e1914ddec0fd4323d4f3d27f7","tarball":"https://registry.npmjs.org/vue3-easy-swiper/-/vue3-easy-swiper-1.2.5.tgz","fileCount":8,"integrity":"sha512-fO3fGNk8XO0Ebrsl5+19XgtFkqnfaM+nco751wyg+PuzPeRlXoVV0tOXI9RYd9N8yD4T5pbqdjNYrO+fwlYIyw==","signatures":[{"sig":"MEUCIQDn311WKt5scJiOhsK6AMWqA2ChZChzq+mtylQko4+tLQIgV+hLDSLOrPIMNvNmO5GmoQclgQAm8adYsRY8M9dp3rI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31850},"main":"./dist/index.es.js","gitHead":"c47b9a510f0b6c4f734e5121aa2f95ce40b0e8b7","scripts":{"dev":"vite --port=3010","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"typings":"./lib/typings/index.d.ts","_npmUser":{"name":"zzc2023","email":"974683998@qq.com"},"repository":{"url":"git+https://github.com/yezipi/vue3-easy-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"a easy vue3 loop swiper plugin","directories":{},"_nodeVersion":"18.19.0","dependencies":{"vue":"^3.2.25","vue3-easy-swiper":"^1.1.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^2.7.2","vue-tsc":"^0.29.8","typescript":"^4.4.4","@vitejs/plugin-vue":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-easy-swiper_1.2.5_1730862701947_0.7718294407932518","host":"s3://npm-registry-packages"}},"1.2.6":{"name":"vue3-easy-swiper","version":"1.2.6","keywords":["swiper","vue3"],"author":{"name":"zhongzhichun"},"_id":"vue3-easy-swiper@1.2.6","maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"dist":{"shasum":"ab0eaf04f2c0daab6c4c120ca8cea36686f4500e","tarball":"https://registry.npmjs.org/vue3-easy-swiper/-/vue3-easy-swiper-1.2.6.tgz","fileCount":8,"integrity":"sha512-B/IwwNKr626G7wbX+wvwjfjc4V9I1bLGalfPIbIBoeKzbEidE/NLZPpTb91lGC87UQpLh3r4F7VtJiC4EFqeZA==","signatures":[{"sig":"MEUCICbOQSMwVpTzaAUeGZHj+Dg3bQSWg9mlvVJXIsKcmM6BAiEA0UajJFSTK1lYeGa8sjp9vhHxEYAvcQfinkI313mLgCg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32056},"main":"./dist/index.es.js","gitHead":"6cf4e53cdfcf89d7e704454057b8096db3168ece","scripts":{"dev":"vite --port=3010","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"typings":"./lib/typings/index.d.ts","_npmUser":{"name":"zzc2023","email":"974683998@qq.com"},"repository":{"url":"git+https://github.com/yezipi/vue3-easy-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"a easy vue3 loop swiper plugin","directories":{},"_nodeVersion":"18.19.0","dependencies":{"vue":"^3.2.25","vue3-easy-swiper":"^1.1.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^2.7.2","vue-tsc":"^0.29.8","typescript":"^4.4.4","@vitejs/plugin-vue":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-easy-swiper_1.2.6_1730864295432_0.27688325447030215","host":"s3://npm-registry-packages"}},"1.2.7":{"name":"vue3-easy-swiper","version":"1.2.7","keywords":["swiper","vue3"],"author":{"name":"zhongzhichun"},"_id":"vue3-easy-swiper@1.2.7","maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"dist":{"shasum":"34afd28195b8123537c54d591fb6cefa32f4d411","tarball":"https://registry.npmjs.org/vue3-easy-swiper/-/vue3-easy-swiper-1.2.7.tgz","fileCount":8,"integrity":"sha512-2gxBN7DDCtH+f3pf0T+tH7BZprw88iLbKr+9C+51vE5g4YIgvxF4HzVSMSsrJ3P9L8bsvAHLdixjc0on09DpBA==","signatures":[{"sig":"MEQCIG6xWFcrX3mrbz22NmE83ioozgWT/ojCBZXbycAhgEWUAiBcdqggbV87+HpYa+3R60OIg7N0b/Ay0NvPvWhzKH5ltw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31993},"main":"./dist/index.es.js","gitHead":"c9a9633b7889035ad61ab195b2a8d6f6c682a27b","scripts":{"dev":"vite --port=3010","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"typings":"./lib/typings/index.d.ts","_npmUser":{"name":"zzc2023","email":"974683998@qq.com"},"repository":{"url":"git+https://github.com/yezipi/vue3-easy-swiper.git","type":"git"},"_npmVersion":"10.2.3","description":"a easy vue3 loop swiper plugin","directories":{},"_nodeVersion":"18.19.0","dependencies":{"vue":"^3.2.25","vue3-easy-swiper":"^1.1.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^2.7.2","vue-tsc":"^0.29.8","typescript":"^4.4.4","@vitejs/plugin-vue":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-easy-swiper_1.2.7_1731401116240_0.9224537171556824","host":"s3://npm-registry-packages"}},"1.2.8":{"name":"vue3-easy-swiper","author":{"name":"zhongzhichun"},"description":"a easy vue3 loop swiper plugin","version":"1.2.8","main":"./dist/index.es.js","typings":"./lib/typings/index.d.ts","repository":{"type":"git","url":"git+https://github.com/yezipi/vue3-easy-swiper.git"},"keywords":["swiper","vue3"],"scripts":{"dev":"vite --port=3010","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.25","vue3-easy-swiper":"^1.1.5"},"devDependencies":{"@vitejs/plugin-vue":"^2.0.0","typescript":"^4.4.4","vite":"^2.7.2","vue-tsc":"^0.29.8"},"_id":"vue3-easy-swiper@1.2.8","gitHead":"8caabf7cd6cd1466b83412f364cd1d9ce9db5693","bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-eQVuql84Ar/VfyaXpwdEpsaX4yFi/sU+b8tupF0biJEzdYI5xTLLCSmW9JXWg52urbKmGpDGju58TLruplDinA==","shasum":"3e73f1b6227fc106c710bf2754e1cf61e168117e","tarball":"https://registry.npmjs.org/vue3-easy-swiper/-/vue3-easy-swiper-1.2.8.tgz","fileCount":8,"unpackedSize":32007,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBmquAyZaCiSCrxifiUfmCM/itvsgCGH6+jTjGHhcQwgAiEA15y/QPxtBezPIb1HvG+Ubreppoq+lNcwrGyeoxJnE1M="}]},"_npmUser":{"name":"zzc2023","email":"974683998@qq.com"},"directories":{},"maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue3-easy-swiper_1.2.8_1742375942361_0.8560164401152321"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-28T01:59:45.259Z","modified":"2025-03-19T09:19:02.703Z","1.0.0":"2022-01-20T03:39:27.977Z","1.0.1":"2022-01-20T03:53:08.741Z","1.0.2":"2022-01-20T16:02:24.469Z","1.0.3":"2022-01-20T16:17:52.467Z","1.0.4":"2022-01-21T01:18:53.156Z","1.0.5":"2022-01-21T01:24:46.504Z","1.0.6":"2022-01-21T01:27:30.614Z","1.0.7":"2022-01-21T02:48:49.294Z","1.0.8":"2022-01-22T05:42:53.841Z","1.0.9":"2022-01-22T05:47:47.539Z","1.0.11":"2022-01-22T05:50:43.543Z","1.0.12":"2022-01-22T05:53:21.517Z","1.1.0":"2022-01-22T06:39:30.180Z","1.1.1":"2022-01-22T06:43:11.608Z","1.1.2":"2022-01-22T06:45:58.767Z","1.1.3":"2022-01-22T06:53:50.116Z","1.1.4":"2022-01-22T06:57:59.177Z","1.1.5":"2022-01-22T07:04:55.497Z","1.1.6":"2022-01-22T07:12:15.827Z","1.1.7":"2022-01-22T07:31:29.624Z","1.1.8":"2022-01-23T03:44:00.902Z","1.1.9":"2022-01-23T03:57:39.650Z","1.2.0":"2022-02-22T01:17:46.358Z","1.2.1":"2022-07-11T01:45:35.698Z","1.2.2":"2023-04-10T03:47:45.533Z","1.2.3":"2023-04-28T01:59:45.493Z","1.2.4":"2024-11-05T09:43:12.577Z","1.2.5":"2024-11-06T03:11:42.298Z","1.2.6":"2024-11-06T03:38:15.599Z","1.2.7":"2024-11-12T08:45:16.514Z","1.2.8":"2025-03-19T09:19:02.542Z"},"bugs":{"url":"https://github.com/yezipi/vue3-easy-swiper/issues"},"author":{"name":"zhongzhichun"},"homepage":"https://github.com/yezipi/vue3-easy-swiper#readme","keywords":["swiper","vue3"],"repository":{"type":"git","url":"git+https://github.com/yezipi/vue3-easy-swiper.git"},"description":"a easy vue3 loop swiper plugin","maintainers":[{"name":"zzc2023","email":"974683998@qq.com"}],"readme":"## vue3-easy-swiper\n\n*   基于 Vue3.0 + ts 开发\n*   轻量、简易，支持无缝轮播\n\n## Usage\nYou can view more from examples/App.vue\n\n## Install\n\n```javascript\nnpm i vue3-easy-swiper --save\n```\n\n## demo\n![with dots](https://yezipi.oss-cn-beijing.aliyuncs.com/2022-01-23_11-20-06.gif)\n![with title](https://yezipi.oss-cn-beijing.aliyuncs.com/2022-01-23_11-20-46.gif)\n\n## [github](https://github.com/yezipi/vue3-easy-swiper)\n## [my blog](https://yezipi.net)\n## components\n\n```javascript\nimport { Vue3EasySwiper } from 'vue3-easy-swiper'\nimport 'vue3-easy-swiper/dist/style.css'\n\n// the url filed is useing on img src of default slot\nconst list = [\n  {\n    url: 'http://pic1.win4000.com/wallpaper/3/57ac4130c083a_270_185.jpg',\n    title: 'this is some title',\n    color: 'red',\n  },\n  {\n    url: 'http://pic1.win4000.com/wallpaper/5/577e17894c4c7_270_185.jpg',\n    title: 'this is title2',\n    color: 'green',\n  },\n]\n\n// if use default slot, the url field is required, default show img tag\n<vue3-easy-swiper :list=\"list\" style=\"width: 500px;height:300px\"></vue3-easy-swiper>\n\n// if use slot, you should set width and height of the container\n<vue3-easy-swiper :list=\"list\" style=\"width: 500px;height:300px\">\n  <template #swiperItem=\"{ item }\">\n    <img :src=\"item.url\" style=\"width: 100%;height: 100%;\" />\n  </template>\n  <template #swiperCustom>\n    <div class=\"custom-box\" style=\"position: absolute; background: #fff\">this is custom mask</div>\n  </template>\n</vue3-easy-swiper>\n```\n\n## main.ts\n\n```javascript\nimport { createApp } from 'vue'\nimport App from '../examples/App.vue'\nimport Vue3EasySwiper from 'vue3-easy-swiper'\nimport 'vue3-easy-swiper/dist/style.css'\n\nconst app = createApp(App)\napp.use(Vue3EasySwiper)\napp.mount('#app')\n```\n\n## props\n\n| 属性          | 说明                     | 默认 |\n| ------------- | ------------------------ | ---- |\n| list      | 数组，格式: [{ url: 'xxx', title: 'xxx' }]             | [] |\n| autoplay      | 是否自动轮播             | true |\n| interval      | 每两次隔多久滚动一次     | 3000 |\n| duration      | 每次滚动一页需要多久时间 | 300  |\n| showDots | 是否显示轮播的那个点     | false |\n| showTitle | 是否显示底部标题     | true |\n| showArrow | 是否显示轮播左右箭头     | true |\n| direction | 滚动方向, prev：往右滚动，next：往左滚动    | next |\n\n## enevts\n| 事件名称          | 说明                     | 返回值 |\n| ------------- | ------------------------ | ---- |\n| change      | 滚动完成后的回调 | 当前索引index |\n| click      | 每个轮播图上的点击事件 | 当前点击项 |\n\n## slot\n| 插槽名称          | 说明                     | 返回值 |\n| ------------- | ------------------------ | ---- |\n| swiperItem      | 在每一项里面的内容 | 返回item |\n| swiperCustom      | 自定义覆盖内容 | 无 |\n| swiperLeftButton      | 左边自定义按钮 | 无 |\n| swiperRightButton      |右边自定义按钮 | 无 |\n\n","readmeFilename":"README.md"}