Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
vuejs
/
vue
spogulis no https://github.com/vuejs/vue.git
2
0
Atdalīts 0
Faili Problēmas 0 Vikivietne
Pārlūkot izejas kodu

Some improvements for "Modal" example (#2754)

* Rename CSS file to match with other examples

* Merge script tags
Phan An 10 gadi atpakaļ
vecāks
60ec66be68
revīzija
8e34f455ad
2 mainītis faili ar 7 papildinājumiem un 9 dzēšanām
Apvienotais skats Rādīt salīdzināšanas statistiku
  1. 6 8
      examples/modal/index.html
  2. 1 1
      examples/modal/style.css

+ 6 - 8
examples/modal/index.html
Parādīt failu 

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

+ 1 - 1
examples/modal/modal.css → examples/modal/style.css
Parādīt failu 

@@ -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
 
  * transition="modal" when their visibility is toggled
 
  * by Vue.js.
 
  * by Vue.js.
 
  *
 
  *