macro-carousel:轮播作为香草Web组件

时间:2024-05-22 14:01:56
【文件属性】:

文件名称:macro-carousel:轮播作为香草Web组件

文件大小:468KB

文件格式:ZIP

更新时间:2024-05-22 14:01:56

web-component carousel JavaScript

· 是一个轮播( vanilla )Web组件。 | 与每个框架兼容 公开为方法,事件和属性/属性的公共API 鼠标和触摸事件 上一个和下一个按钮 分页指标 每个视图多张幻灯片 通过CSS自定义属性可自定义的样式 专注于a11y 没有外部依赖 安装 npm install --save macro-carousel 建议安装和 peerDependencies (列为peerDependencies )。 在本地运行项目 运行npm install以安装所有本地依赖项。 运行npm start并在浏览器中打开页面。 用法 请阅读 < macro> < div> First slide < div> Second slide < div>


【文件预览】:
macro-carousel-master
----.gitignore(84B)
----karma.conf.js(2KB)
----README.md(4KB)
----test()
--------event-selected.js(5KB)
--------selected-slides-per-view.js(1KB)
--------props.js(3KB)
--------swipe.js(3KB)
--------resize.js(1015B)
--------no-slides.js(890B)
--------reflect-attrs-to-props.js(4KB)
--------pagination-indicators.js(9KB)
--------init.js(737B)
--------reflect-props-to-attrs.js(4KB)
--------previous-next.js(2KB)
--------helpers()
--------navigation-buttons.js(10KB)
--------a11y.js(7KB)
--------utils.js(4KB)
--------attrs.js(4KB)
--------infinite-loop.js(2KB)
--------defaults.js(5KB)
--------selected-add-remove-slides.js(2KB)
--------sizes.js(7KB)
----docs()
--------macro-carousel-nav-button.md(2KB)
--------macro-carousel.md(3KB)
--------macro-carousel-pagination-indicator.md(1KB)
----LICENSE(1KB)
----.eslintrc(575B)
----rollup-config()
--------rollup-es5.config.js(860B)
--------rollup-dev.config.js(112B)
--------rollup-dev-serve.config.js(329B)
--------rollup-test.config.js(135B)
--------rollup-prod.config.js(748B)
--------rollup-base.config.js(941B)
----package.json(2KB)
----dist()
--------macro-carousel.min.js(27KB)
--------macro-carousel.js(82KB)
--------macro-carousel.es5.min.js(39KB)
----src()
--------macro-carousel-nav-button()
--------macro-carousel()
--------macro-carousel-button()
--------macro-carousel-pagination-indicator()
--------passiveEventListeners.js(1KB)
--------arrow-left.svg(127B)
--------index.js(221B)
--------utils.js(5KB)
--------enums.js(2KB)
----build-demo.sh(690B)
----.travis.yml(224B)
----package-lock.json(401KB)
----demo()
--------css()
--------disable-drag.html(2KB)
--------no-slides.html(2KB)
--------slides-per-view.html(2KB)
--------custom-pagination.html(3KB)
--------responsive.html(5KB)
--------reduced-motion.html(2KB)
--------events.html(2KB)
--------layout.html(3KB)
--------add-remove.html(4KB)
--------pre-defined-styles.html(3KB)
--------pagination.html(2KB)
--------base.html(2KB)
--------auto-focus.html(2KB)
--------images()
--------js()
--------es5.html(2KB)
--------navigation.html(2KB)
--------loop.html(1KB)
--------index.html(2KB)
--------custom-navigation.html(4KB)

网友评论