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 66 content-class =" modal-content"
77 @before-close =" e => e.stop()"
88 >
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
1222 </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 >
2927 </vue-final-modal >
3028 <button class =" vfm-btn" @click =" showModal = true" >Open modal</button >
3129 </div >
Original file line number Diff line number Diff line change 66 content-class =" modal-content"
77 @before-open =" e => e.stop()"
88 >
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
1222 </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 >
2927 </vue-final-modal >
3028 <button class =" vfm-btn" @click =" showModal = true" >Open modal</button >
3129 </div >
You can’t perform that action at this time.
0 commit comments