Vue/vue
1
0
Fork 0
mirror of https://github.com/vuejs/vue.git synced 2024-11-21 20:28:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Some improvements for "Modal" example (#2754)

Browse Source 
* Rename CSS file to match with other examples

* Merge script tags
This commit is contained in:
Phan An 2016-04-29 08:45:14 +08:00 committed by Evan You
parent 60ec66be68
commit 8e34f455ad
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
examples/modal/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8">
<title>Vue.js Modal Example</title>
<script src="../../dist/vue.js"></script>
<link rel="stylesheet" href="modal.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- template for the modal component -->
@ -38,13 +38,6 @@
</div>
</script>
<script>
// register modal component
Vue.component('modal', {
template: '#modal-template'
})
</script>
<!-- app -->
<div id="app">
<button id="show-modal" @click="showModal = true">Show Modal</button>
@ -59,6 +52,11 @@
</div>
<script>
// register modal component
Vue.component('modal', {
template: '#modal-template'
})
// start app
new Vue({
el: '#app',

2
examples/modal/modal.css → examples/modal/style.css
View File

@ -40,7 +40,7 @@
}
/*
* the following styles are auto-applied to elements with
* The following styles are auto-applied to elements with
* transition="modal" when their visibility is toggled
* by Vue.js.
*