1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
| <script setup>
|
| import Header from "./components/Header.vue"
|
| import "./assets/styles.styl"
|
| </script>
|
| <template>
|
| <header>
| <Header />
| </header>
|
| <main>
| <RouterView />
| </main>
|
| <footer> </footer>
|
| </template>
|
| <style lang="stylus">
|
| html, body {
| margin 0
| padding 0
| font-family ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
| }
|
| header
| position fixed;
| top 0
| left 0
| right 0
|
| main
| margin 0 auto
| padding 0 1em
| margin-top 3rlh
| max-width 1280px;
|
| footer
| padding 1.5em 0
| //border 1px solid orange
|
| table
| border 1px solid
| border-collapse collapse
| thead
| background-color #ccc;
| tbody
| tr:nth-child(even)
| background-color #eee;
| td, th
| margin 0
| padding .33em .66em
| border 1px solid #ccc
|
|
| small
| color #555
| font-size .66em;
|
| </style>
|
|
