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

style: compact match detail typography

Browse Source
This commit is contained in:
hajimi
2026-08-03 03:15:33 +08:00
parent 454689898b
commit 5c7081afc7
2 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uniapp/src/components/match-detail-header/match-detail-header.vue
+1 -1
View File
@@ -68,7 +68,7 @@ defineEmits<{
&__title {
max-width: 480rpx;
font-size: 38rpx;
font-size: 34rpx;
font-weight: 800;
color: #0b1020;
line-height: 1.2;
uniapp/src/pages/match_detail/match_detail.vue
+27 -27
View File
@@ -1042,22 +1042,22 @@ onUnload(() => {
align-items: center;
justify-content: space-between;
background: #fff;
min-height: 270rpx;
padding: 28rpx 38rpx 30rpx;
min-height: 238rpx;
padding: 24rpx 34rpx 26rpx;
border-bottom: 1rpx solid #eef0f5;
&__team {
width: 190rpx;
width: 174rpx;
display: flex;
flex-direction: column;
align-items: center;
gap: 14rpx;
gap: 10rpx;
min-width: 0;
}
&__logo {
width: 92rpx;
height: 92rpx;
width: 80rpx;
height: 80rpx;
display: flex;
align-items: center;
justify-content: center;
@@ -1067,14 +1067,14 @@ onUnload(() => {
border-radius: 50%;
background: #eef3ff;
color: #1468f5;
font-size: 38rpx;
font-size: 34rpx;
font-weight: 700;
}
}
&__name {
width: 100%;
font-size: 30rpx;
font-size: 26rpx;
font-weight: 700;
color: #121826;
text-align: center;
@@ -1090,14 +1090,14 @@ onUnload(() => {
display: flex;
flex-direction: column;
align-items: center;
gap: 12rpx;
gap: 8rpx;
}
&__score {
display: flex;
align-items: baseline;
gap: 24rpx;
font-size: 68rpx;
gap: 18rpx;
font-size: 58rpx;
line-height: 1;
font-weight: 800;
font-variant-numeric: tabular-nums;
@@ -1105,21 +1105,21 @@ onUnload(() => {
}
&__colon {
font-size: 54rpx;
font-size: 46rpx;
}
&__start-time {
min-height: 68rpx;
min-height: 58rpx;
display: flex;
align-items: center;
font-size: 36rpx;
font-size: 30rpx;
font-weight: 800;
color: #1468f5;
line-height: 1.2;
}
&__meta {
font-size: 26rpx;
font-size: 22rpx;
line-height: 1.35;
color: #7b8495;
text-align: center;
@@ -1127,7 +1127,7 @@ onUnload(() => {
&__live-minute {
margin-top: -6rpx;
font-size: 24rpx;
font-size: 22rpx;
font-weight: 700;
color: #12a34a;
}
@@ -2110,14 +2110,14 @@ onUnload(() => {
text:first-child {
padding: 12rpx 18rpx;
background: #10b54b;
font-size: 28rpx;
font-size: 24rpx;
font-weight: 700;
}
}
&__live-minute {
padding: 0 18rpx;
font-size: 26rpx;
font-size: 23rpx;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
@@ -2133,13 +2133,13 @@ onUnload(() => {
border-radius: 12rpx;
background: rgba(3, 9, 17, 0.72);
color: #fff;
font-size: 24rpx;
font-size: 22rpx;
font-weight: 600;
z-index: 3;
}
&__fullscreen-icon {
font-size: 34rpx;
font-size: 30rpx;
line-height: 1;
}
@@ -2160,7 +2160,7 @@ onUnload(() => {
}
&__player-title {
font-size: 29rpx;
font-size: 25rpx;
font-weight: 700;
color: #141a27;
line-height: 1.35;
@@ -2170,7 +2170,7 @@ onUnload(() => {
}
&__player-meta {
font-size: 21rpx;
font-size: 19rpx;
line-height: 1.3;
color: #8c95a6;
}
@@ -2183,7 +2183,7 @@ onUnload(() => {
border: 1rpx solid #d7e2f7;
border-radius: 999rpx;
color: #2376f5;
font-size: 22rpx;
font-size: 20rpx;
font-weight: 600;
line-height: 1;
flex-shrink: 0;
@@ -2229,7 +2229,7 @@ onUnload(() => {
border-radius: 50%;
background: rgba(20, 104, 245, 0.12);
color: #1468f5;
font-size: 19rpx;
font-size: 18rpx;
font-weight: 700;
line-height: 28rpx;
text-align: center;
@@ -2242,7 +2242,7 @@ onUnload(() => {
&__room-name {
overflow: hidden;
font-size: 22rpx;
font-size: 20rpx;
font-weight: 600;
line-height: 1.3;
text-overflow: ellipsis;
@@ -2296,7 +2296,7 @@ onUnload(() => {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
font-size: 24rpx;
color: #999;
white-space: nowrap;
transition: color 0.2s;
@@ -2354,7 +2354,7 @@ onUnload(() => {
display: flex;
align-items: center;
gap: 10rpx;
font-size: 28rpx;
font-size: 26rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;