haha/sbnews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deploy: auto commit repo-root changes 2026-07-14 09:42:08

Browse Source
This commit is contained in:
hajimi
2026-07-14 09:42:08 +08:00
parent 33687e31b7
commit 98d2a23589
4 changed files with 177 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uniapp/src/pages/match_detail/match_detail.vue
+29 -13
View File
@@ -136,13 +136,15 @@
</view>
</view>
<view class="detail-tabs">
<view v-for="tab in tabList" :key="tab.key" class="detail-tabs__item"
:class="{ 'detail-tabs__item--active': activeTab === tab.key }" @tap="activeTab = tab.key">
<text>{{ tab.label }}</text>
<view v-if="tab.key === 'live' && match.status === 1" class="detail-tabs__dot"></view>
<scroll-view scroll-x class="detail-tabs" show-scrollbar="false">
<view class="detail-tabs__inner">
<view v-for="tab in tabList" :key="tab.key" class="detail-tabs__item"
:class="{ 'detail-tabs__item--active': activeTab === tab.key }" @tap="activeTab = tab.key">
<text>{{ tab.label }}</text>
<view v-if="tab.key === 'live' && match.status === 1" class="detail-tabs__dot"></view>
</view>
</view>
</view>
</scroll-view>
<!-- Tab 内容区：固定高度可滚动 -->
<view class="detail-tab-body">
@@ -2147,21 +2149,32 @@ onUnload(() => {
/* ====== Tab 导航栏 ====== */
.detail-tabs {
display: flex;
width: 100%;
white-space: nowrap;
background: #fff;
border-bottom: 1rpx solid #f0f0f0;
padding: 0 12rpx;
box-sizing: border-box;
&__inner {
min-width: 100%;
padding: 0 24rpx;
display: inline-flex;
align-items: stretch;
justify-content: space-between;
gap: 32rpx;
box-sizing: border-box;
}
&__item {
flex: 1;
display: flex;
position: relative;
flex: 0 0 auto;
padding: 20rpx 0;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 20rpx 0;
font-size: 26rpx;
color: #999;
position: relative;
white-space: nowrap;
transition: color 0.2s;
&--active {
@@ -2183,6 +2196,9 @@ onUnload(() => {
}
&__dot {
position: absolute;
top: 18rpx;
right: -14rpx;
width: 10rpx;
height: 10rpx;
border-radius: 50%;