fix: use base tabs

This commit is contained in:
Tim
2025-08-27 12:34:28 +08:00
parent 18179cca22
commit 5eb206a358
3 changed files with 1 additions and 35 deletions

View File

@@ -54,6 +54,7 @@ function onTouchEnd(e) {
display: flex;
border-bottom: 1px solid var(--normal-border-color);
align-items: center;
flex-direction: row;
}
.base-tabs-items {

View File

@@ -89,28 +89,6 @@ export default {
margin: 0 auto;
}
:deep(.base-tabs-header) {
top: calc(var(--header-height) + 1px);
background-color: var(--background-color-blur);
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--normal-border-color);
margin-bottom: 20px;
overflow-x: auto;
scrollbar-width: none;
}
:deep(.base-tabs-item) {
padding: 10px 20px;
cursor: pointer;
white-space: nowrap;
}
:deep(.base-tabs-item.selected) {
color: var(--primary-color);
border-bottom: 2px solid var(--primary-color);
}
.about-content {
line-height: 1.6;
padding: 20px;

View File

@@ -701,19 +701,6 @@ onActivated(async () => {
overflow-x: hidden;
}
.message-page :deep(.base-tabs-header) {
position: sticky;
top: 1px;
z-index: 200;
background-color: var(--background-color-blur);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
backdrop-filter: var(--blur-10);
border-bottom: 1px solid var(--normal-border-color);
}
.message-page-header-right {
display: flex;
flex-direction: row;