Name		Name	Last commit message	Last commit date
Latest commit History 40 Commits
.github		.github
.husky		.husky
.vscode		.vscode
public		public
src		src
.editorconfig		.editorconfig
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.nvmrc		.nvmrc
README.md		README.md
env.d.ts		env.d.ts
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Repository files navigation

Vue Simple Swiper

練習用以下方法製作簡易 vue3 輪播功能

scroll-snap-type
scrollIntoView
intersectionObserver

功能

可點擊左右 Icon 切換幻燈片
可點擊下方頁籤切換幻燈片
可用鍵盤左右方向鍵切換幻燈片

Demo： https://vue-simple-swiper.vercel.app/

About

簡單實作 swiper 元件

vue-simple-swiper.vercel.app

Report repository

Releases

No releases published

Packages

No packages published

Languages