File tree 2 files changed +12
-12
lines changed
2 files changed +12
-12
lines changed Original file line number Diff line number Diff line change 3
3
一个简单、灵活的` Vue3 ` 走马灯组件,非常轻量,只有` 5kB ` 。
4
4
5
5
预览地址:
6
- [ https://kagol.gitee .io/vue-carousel/ ] ( https://kagol.gitee .io/vue-carousel/ )
6
+ [ https://kagol.github .io/vue-carousel/ ] ( https://kagol.github .io/vue-carousel/ )
7
7
8
8
## 快速开始
9
9
10
10
创建一个vite工程:
11
11
12
12
```
13
- yarn create vite vite-demo --template vue-ts
13
+ npm create vite vite-demo --template vue-ts
14
14
```
15
15
16
16
安装` Carousel ` :
17
17
```
18
- yarn add @kagol/vue-carousel
18
+ npm install @kagol/vue-carousel
19
19
```
20
20
21
21
在` main.ts ` 中引入` Carousel ` :
@@ -31,11 +31,11 @@ createApp(App)
31
31
在` App.vue ` 中使用:
32
32
33
33
```
34
- <DCarousel >
34
+ <Carousel >
35
35
<div class="carousel-item">page 1</div>
36
36
<div class="carousel-item">page 2</div>
37
37
<div class="carousel-item">page 3</div>
38
- </DCarousel >
38
+ </Carousel >
39
39
```
40
40
41
41
## 效果动图
82
82
83
83
## API
84
84
85
- ### DCarousel 组件
85
+ ### Carousel 组件
86
86
87
87
props
88
88
@@ -100,7 +100,7 @@ props
100
100
| indicator | -- | -- | 可选,指示器插槽 |
101
101
| pagination | -- | -- | 可选,分页器插槽 |
102
102
103
- ### DCarouselIndicator 组件
103
+ ### CarouselIndicator 组件
104
104
105
105
props
106
106
@@ -115,15 +115,15 @@ props
115
115
| ------- | ------ | ---- | -------------- |
116
116
| default | ({ pageIndex, setPageIndex }) => {} | -- | 可选,默认插槽 |
117
117
118
- ### DCarouselPrev 组件
118
+ ### CarouselPrev 组件
119
119
120
120
插槽
121
121
122
122
| 属性 | 类型 | 默认 | 说明 |
123
123
| ------- | ------ | ---- | -------------- |
124
124
| default | -- | -- | 可选,默认插槽 |
125
125
126
- ### DCarouselNext 组件
126
+ ### CarouselNext 组件
127
127
128
128
插槽
129
129
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " @kagol/vue-carousel" ,
3
- "version" : " 0.0.1 " ,
4
- "description" : " Vue3 Carousel" ,
5
- "homepage" : " https://kagol.gitee .io/vue-carousel/" ,
3
+ "version" : " 0.1.0 " ,
4
+ "description" : " Vue3 Carousel: A simple and flexible carousel component for Vue3, extremely lightweight with only 5kB. " ,
5
+ "homepage" : " https://kagol.github .io/vue-carousel/" ,
6
6
"files" : [
7
7
" dist"
8
8
],
You can’t perform that action at this time.
0 commit comments