From 36e794d948b856f2a542aaadd0e374892635be14 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 25 六月 2025 21:19:17 +0800
Subject: [PATCH] 自定义顶部组件优化
---
components/TopBar.vue | 11 ++++++++---
1 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/components/TopBar.vue b/components/TopBar.vue
index 64913f8..b1d6ffe 100644
--- a/components/TopBar.vue
+++ b/components/TopBar.vue
@@ -8,10 +8,11 @@
v-for="(item, index) in titleList"
:key="index"
:class="{active: selectedTitleIndex === item.index, 'title-item': true}"
+ :style="{color: textColor}"
@click="changeTab(item)"
>
<text>{{item.title}}</text>
- <view class="underline" v-if="selectedTitleIndex === item.index"></view>
+ <view class="underline" :style="{backgroundColor: textColor}" v-if="selectedTitleIndex === item.index"></view>
</view>
</view>
</scroll-view>
@@ -26,6 +27,10 @@
selectedTitleIndex: {
type: String,
default: 'home'
+ },
+ textColor: {
+ type: String,
+ default: 'white'
}
},
data() {
@@ -117,7 +122,7 @@
position: relative;
padding: 0 24rpx;
font-size: 32rpx;
- color: white;
+ /* color: white; */
height: 100%;
display: flex;
align-items: center;
@@ -136,7 +141,7 @@
transform: translateX(-50%);
width: calc(100% - 76rpx);
height: 4rpx;
- background-color: white;
+ /* background-color: white; */
border-radius: 4rpx;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0