File tree Expand file tree Collapse file tree 2 files changed +30
-3
lines changed Expand file tree Collapse file tree 2 files changed +30
-3
lines changed Original file line number Diff line number Diff line change 1
1
# Vue DevUI Carousel
2
2
3
- 一个简单、灵活的` Vue3 ` 走马灯组件,非常轻量,只有` 3.9kB ` 。
3
+ 一个简单、灵活的` Vue3 ` 走马灯组件,非常轻量,只有` 5kB ` 。
4
4
5
- ## 基本用法
5
+ 预览地址:
6
+ [ https://kagol.gitee.io/vue-carousel/ ] ( https://kagol.gitee.io/vue-carousel/ )
7
+
8
+ ## 快速开始
9
+
10
+ 创建一个vite工程:
11
+
12
+ ```
13
+ yarn create vite vite-demo --template vue-ts
14
+ ```
15
+
16
+ 安装` Carousel ` :
17
+ ```
18
+ yarn add vue-devui-carousel
19
+ ```
20
+
21
+ 在` main.ts ` 中引入` Carousel ` :
22
+ ```
23
+ import Carousel from 'vue-devui-carousel'
24
+ import 'vue-devui-carousel/dist/style.css'
25
+
26
+ createApp(App)
27
+ .use(Carousel)
28
+ .mount('#app')
29
+ ```
30
+
31
+ 在` App.vue ` 中使用:
6
32
7
33
```
8
34
<DCarousel>
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " vue-devui-carousel" ,
3
- "version" : " 0.0.11 " ,
3
+ "version" : " 0.1.0 " ,
4
4
"description" : " Vue3 Carousel" ,
5
+ "homepage" : " https://kagol.gitee.io/vue-carousel/" ,
5
6
"files" : [" dist" ],
6
7
"main" : " ./dist/vue-carousel.umd.js" ,
7
8
"module" : " ./dist/vue-carousel.es.js" ,
You can’t perform that action at this time.
0 commit comments