File tree 1 file changed +44
-68
lines changed
packages/v2/src/components 1 file changed +44
-68
lines changed Original file line number Diff line number Diff line change 4
4
<n-flex >
5
5
6
6
<n-flex vertical >
7
- <n-avatar
8
- :style =" {
9
- color: 'yellow',
10
- backgroundColor: 'red'
11
- }"
12
- >
13
- M
14
- </n-avatar >
15
7
16
8
17
9
<n-split direction =" horizontal"
18
10
default-size =" 0.3"
19
- class =" "
11
+ class =" m-5 p-5 "
20
12
:max =" 0.75" :min =" 0.25" >
21
13
<template #1 >
22
- Pane 1
23
- </template >
24
- <template #2 >
25
-
26
-
27
-
28
-
29
- <div class =" dropdown" >
30
- <div tabindex =" 0" role =" button" class =" btn m-1" >Click</div >
31
- <ul tabindex =" 0" class =" dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52" >
32
- <li ><a >Item 1</a ></li >
33
- <li ><a >Item 2</a ></li >
34
- </ul >
35
- </div >
36
-
37
14
38
- <button class =" btn btn-red" >One</button >
39
- <button class =" btn btn-secondary" >Two</button >
40
- <button class =" btn btn-accent btn-outline" >Three</button >
41
15
16
+ <n-flex vertical >
17
+ <div >
18
+ <n-avatar
19
+ class =" bg-red-400 text-4xl"
20
+ size =" large"
21
+ >
22
+ M
23
+ </n-avatar >
24
+ </div >
42
25
43
26
44
- <div class =" m-5 p-5 text-icon p4 gap4" >
45
- test
46
- </div >
27
+ <div >
28
+ <li >Awesome Wallet Application</li >
29
+ <li >support Windows/macOS/Linux</li >
30
+ <li >support multiple blockchains</li >
31
+ <li >support multiple languages</li >
32
+ </div >
33
+ </n-flex >
47
34
48
- <div class =" btn p-2 m-2 text-primary" >
49
- btn
50
- </div >
51
35
36
+ </template >
37
+ <template #2 >
52
38
53
- <div class =" m-5 p-5 text-icon" style =" font-size : 40px ; padding : 10px " >
54
- test
39
+ <div class =" px-5" >
40
+ <n-card content-class =" " >
41
+ <n-row class =" " >
42
+ <n-carousel
43
+ dot-placement =" bottom"
44
+ interval =" 2000"
45
+ align =" center"
46
+ class =" "
47
+ autoplay >
48
+ <img
49
+ class =" carousel-img"
50
+ src =" https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
51
+ >
52
+ <img
53
+ class =" carousel-img"
54
+ src =" https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
55
+ >
56
+ <img
57
+ class =" carousel-img"
58
+ src =" https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
59
+ >
60
+ </n-carousel >
61
+ </n-row >
62
+
63
+ </n-card >
55
64
</div >
56
- <div class =" m-5 p-5" >
57
- Pane 2
58
- </div >
59
-
60
65
61
- <n-card size =" medium" content-class =" p-5 m-5" >
62
-
63
-
64
- <n-row class =" m-5 p-5" >
65
- <n-carousel
66
- dot-placement =" bottom"
67
- interval =" 2000"
68
- align =" center"
69
- class =" m-2"
70
- autoplay >
71
- <img
72
- class =" carousel-img"
73
- src =" https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
74
- >
75
- <img
76
- class =" carousel-img"
77
- src =" https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
78
- >
79
- <img
80
- class =" carousel-img"
81
- src =" https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
82
- >
83
- </n-carousel >
84
- </n-row >
85
-
86
- </n-card >
87
66
88
67
</template >
89
68
</n-split >
90
69
91
-
92
- <n-skeleton text size =" large" ></n-skeleton >
93
-
94
70
</n-flex >
95
71
96
72
You can’t perform that action at this time.
0 commit comments