diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue index f7b33f3..984fa10 100644 --- a/src/components/Tabs.vue +++ b/src/components/Tabs.vue @@ -1,6 +1,14 @@ @@ -21,12 +29,26 @@ height: 70px; border-radius: 35px; box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + .text { + font-family: Source Han Sans CN; + font-size: 24px; + font-weight: 500; + line-height: normal; + letter-spacing: 0.04em; + color: #565ee4; + } } .active { background: linear-gradient(180deg, #616af6 15%, #424bde 87%); border: 2px solid #6e75f2; box-shadow: 0px 4px 6px 0px rgba(30, 39, 122, 0.3), inset 0px 4px 10px 0px rgba(30, 46, 186, 0.3); + .text { + color: #fff; + } } } diff --git a/src/pages/Home.vue b/src/pages/Home.vue index 55757aa..fdcf9ed 100644 --- a/src/pages/Home.vue +++ b/src/pages/Home.vue @@ -1,7 +1,13 @@