App.vue 675 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <div>
  3. <navbar/>
  4. <router-view />
  5. </div>
  6. </template>
  7. <script>
  8. import Navbar from './components/Navbar.vue';
  9. export default {
  10. components: { Navbar },
  11. replace: false,
  12. methods: {
  13. },
  14. mounted() {
  15. }
  16. };
  17. </script>
  18. <style lang="scss">
  19. body {
  20. font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  21. background-color: lightgray;
  22. }
  23. * {
  24. margin: 0;
  25. padding: 0;
  26. }
  27. main {
  28. padding: 25px 50px;
  29. }
  30. .button {
  31. padding: 8px 12px;
  32. background-color: rgb(45, 150, 185);
  33. color: white;
  34. text-decoration: none;
  35. display: inline-block;
  36. box-shadow: none;
  37. border: none;
  38. }
  39. input {
  40. padding: 8px 12px;
  41. }
  42. </style>
  43. <style lang="scss" scoped>
  44. </style>