hookehuyr

style: 调整排行榜卡片和家庭排名字体大小及样式

统一排行榜卡片和家庭排名组件的字体大小和样式
增加排名数字的宽度以适应不同排名样式
<!--
* @Date: 2025-01-09 00:00:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-19 11:14:55
* @LastEditTime: 2025-09-19 17:12:24
* @FilePath: /lls_program/src/components/RankingCard.vue
* @Description: 排行榜卡片组件
-->
......@@ -588,7 +588,7 @@ defineExpose({
.family-name {
color: white;
font-size: 20rpx;
font-size: 25rpx;
font-weight: 600;
margin-bottom: 6rpx;
text-align: center;
......@@ -600,12 +600,12 @@ defineExpose({
-webkit-box-orient: vertical;
white-space: normal;
line-height: 1.2;
max-height: 48rpx;
max-height: 52rpx;
}
.leader-name {
color: rgba(255, 255, 255, 0.8);
font-size: 16rpx;
font-size: 20rpx;
margin-bottom: 12rpx;
text-align: center;
max-width: 120rpx;
......@@ -616,7 +616,7 @@ defineExpose({
-webkit-box-orient: vertical;
white-space: normal;
line-height: 1.2;
max-height: 38rpx;
max-height: 45rpx;
}
.rank-number {
......@@ -639,7 +639,7 @@ defineExpose({
}
.steps-in-rank {
font-size: 22rpx;
font-size: 32rpx;
font-weight: 600;
color: white;
text-align: center;
......@@ -658,7 +658,7 @@ defineExpose({
}
.rank-number {
width: 150rpx;
width: 180rpx;
height: 110rpx;
background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);
}
......@@ -676,7 +676,7 @@ defineExpose({
}
.rank-number {
width: 150rpx;
width: 180rpx;
height: 140rpx;
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}
......@@ -693,7 +693,7 @@ defineExpose({
}
.rank-number {
width: 150rpx;
width: 180rpx;
height: 100rpx;
background: linear-gradient(135deg, #CD7F32 0%, #B8860B 100%);
}
......
<!--
* @Date: 2025-09-01 13:07:52
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-19 11:04:33
* @LastEditTime: 2025-09-19 17:11:29
* @FilePath: /lls_program/src/pages/FamilyRank/index.vue
* @Description: 文件描述
-->
......@@ -618,7 +618,7 @@ onMounted(async () => {
.family-name {
color: white;
font-size: 24rpx;
font-size: 25rpx;
font-weight: 600;
margin-bottom: 8rpx;
text-align: center;
......