File tree Expand file tree Collapse file tree 2 files changed +34
-38
lines changed
example/src/components/basic Expand file tree Collapse file tree 2 files changed +34
-38
lines changed Original file line number Diff line number Diff line change 6
6
content-class =" modal-content"
7
7
@before-close =" e => e.stop()"
8
8
>
9
- <template >
10
- <button class =" modal__close" @click =" showModal = false" >
11
- <mdi-close ></mdi-close >
9
+ <button class =" modal__close" @click =" showModal = false" >
10
+ <mdi-close ></mdi-close >
11
+ </button >
12
+ <span class =" modal__title" >Hello, vue-final-modal</span >
13
+ <div class =" modal__content" >
14
+ <p v-for =" i in 5" :key =" i" >
15
+ Vue Final Modal is a renderless, stackable, detachable and lightweight
16
+ modal component.
17
+ </p >
18
+ </div >
19
+ <div class =" modal__action" >
20
+ <button class =" vfm-btn" @click =" showModal = false" >
21
+ confirm
12
22
</button >
13
- <span class =" modal__title" >Hello, vue-final-modal</span >
14
- <div class =" modal__content" >
15
- <p v-for =" i in 5" :key =" i" >
16
- Vue Final Modal is a renderless, stackable, detachable and
17
- lightweight modal component.
18
- </p >
19
- </div >
20
- <div class =" modal__action" >
21
- <button class =" vfm-btn" @click =" showModal = false" >
22
- confirm
23
- </button >
24
- <button class =" vfm-btn" @click =" showModal = false" >
25
- cancel
26
- </button >
27
- </div >
28
- </template >
23
+ <button class =" vfm-btn" @click =" showModal = false" >
24
+ cancel
25
+ </button >
26
+ </div >
29
27
</vue-final-modal >
30
28
<button class =" vfm-btn" @click =" showModal = true" >Open modal</button >
31
29
</div >
Original file line number Diff line number Diff line change 6
6
content-class =" modal-content"
7
7
@before-open =" e => e.stop()"
8
8
>
9
- <template >
10
- <button class =" modal__close" @click =" showModal = false" >
11
- <mdi-close ></mdi-close >
9
+ <button class =" modal__close" @click =" showModal = false" >
10
+ <mdi-close ></mdi-close >
11
+ </button >
12
+ <span class =" modal__title" >Hello, vue-final-modal</span >
13
+ <div class =" modal__content" >
14
+ <p v-for =" i in 5" :key =" i" >
15
+ Vue Final Modal is a renderless, stackable, detachable and lightweight
16
+ modal component.
17
+ </p >
18
+ </div >
19
+ <div class =" modal__action" >
20
+ <button class =" vfm-btn" @click =" showModal = false" >
21
+ confirm
12
22
</button >
13
- <span class =" modal__title" >Hello, vue-final-modal</span >
14
- <div class =" modal__content" >
15
- <p v-for =" i in 5" :key =" i" >
16
- Vue Final Modal is a renderless, stackable, detachable and
17
- lightweight modal component.
18
- </p >
19
- </div >
20
- <div class =" modal__action" >
21
- <button class =" vfm-btn" @click =" showModal = false" >
22
- confirm
23
- </button >
24
- <button class =" vfm-btn" @click =" showModal = false" >
25
- cancel
26
- </button >
27
- </div >
28
- </template >
23
+ <button class =" vfm-btn" @click =" showModal = false" >
24
+ cancel
25
+ </button >
26
+ </div >
29
27
</vue-final-modal >
30
28
<button class =" vfm-btn" @click =" showModal = true" >Open modal</button >
31
29
</div >
You can’t perform that action at this time.
0 commit comments