index.html 1.1 KB

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.3/css/bulma.css" />
  7. <link rel="stylesheet" href="../styles.css" />
  8. <link rel="stylesheet" href="styles.css" />
  9. </head>
  10. <body>
  11. <nav>
  12. <h1><span class="index">10</span>Exercise 2: Bulma modal</h1>
  13. <ul>
  14. <li><a href="../lesson09">Prev</a></li>
  15. <li><a href="../lesson11">Next</a></li>
  16. </ul>
  17. </nav>
  18. <div id="root" class="container">
  19. <modal v-show="showModal" @close="showModal = false">
  20. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
  21. </p>
  22. </modal>
  23. <button type="button" @click="showModal = true">Show modal</button>
  24. </div>
  25. <script src="../lib/vue-2.1.3.js"></script>
  26. <script src="code.js"></script>
  27. </body>
  28. </html>