美化了样式2.0

This commit is contained in:
2025-08-15 11:14:42 +08:00
parent 1b4d3e310b
commit 23ab2798d8
23 changed files with 1555 additions and 1106 deletions

View File

@ -12,7 +12,7 @@
.title {
font-size: 40rpx;
font-weight: 700;
color: #e67e22; /* 主色:橙 */
color: #ff8a00; /* 主色:橙 */
}
.content {
@ -101,9 +101,9 @@
margin-top: 24rpx;
}
.btn-primary {
background: linear-gradient(180deg, #ffa400 0%, #e67e22 100%);
background: linear-gradient(180deg, #ffa400 0%, #ff8a00 100%);
color: #ffffff;
box-shadow: 0 6rpx 14rpx rgba(230,126,34,0.30);
box-shadow: 0 6rpx 14rpx rgba(255,138,0,0.30);
}
/* ===== 列表与条目 ===== */
@ -135,7 +135,7 @@
.rank-text {
font-size: 28rpx;
font-weight: 700;
color: #333333;
color: #ff8a00; /* 改为亮橙 */
}
.person-line {
@ -174,7 +174,7 @@
.kv:first-of-type { border-top: 0; }
.kv-key { font-size: 26rpx; color: #666666; }
.kv-val { font-size: 28rpx; color: #1f1f1f; }
.money { color: #e67e22; font-weight: 700; }
.money { color: #ff8a00; font-weight: 700; }
/* ===== 空状态 ===== */
.empty {

View File

@ -8,7 +8,7 @@
.page-title { padding: 24rpx 24rpx 0; }
.title {
color: #e67e22; /* 暖橙主色 */
color: #ff8a00; /* 主标题亮橙 */
font-size: 40rpx;
font-weight: 700;
}
@ -71,9 +71,9 @@
margin-top: 24rpx;
}
.btn-primary {
background: linear-gradient(180deg, #ffa400 0%, #e67e22 100%);
background: linear-gradient(180deg, #ffa400 0%, #ff8a00 100%);
color: #ffffff;
box-shadow: 0 6rpx 14rpx rgba(230,126,34,0.30);
box-shadow: 0 6rpx 14rpx rgba(255,138,0,0.30);
}
/* 空状态 */
@ -114,7 +114,7 @@
justify-content: center;
border: 1rpx solid #ffd6b3;
}
.link-text { font-size: 24rpx; color: #e67e22; font-weight: 600; }
.link-text { font-size: 24rpx; color: #ff8a00; font-weight: 600; }
/* 键值行 */
.row {
@ -129,7 +129,7 @@
.mono { font-size: 28rpx; color: #1f1f1f; font-family: monospace; letter-spacing: 1rpx; }
.copy {
font-size: 24rpx;
color: #e67e22;
color: #ff8a00;
padding: 8rpx 14rpx;
border-radius: 12rpx;
background: #fff4f2;
@ -168,7 +168,7 @@
font-weight: 700;
color: #1f1f1f;
}
.gi-value.money { color: #e67e22; }
.gi-value.money { color: #ff8a00; }
/* 小屏两列适配 */
@media (max-width: 360px) {

View File

@ -10,7 +10,7 @@
padding: 24rpx 24rpx 0;
}
.title {
color: #e67e22; /* 主标题橙 */
color: #ff8a00; /* 主标题橙 */
font-size: 40rpx;
font-weight: 700;
}
@ -80,9 +80,9 @@
}
.btn-primary {
background: linear-gradient(180deg, #ffa400 0%, #e67e22 100%);
background: linear-gradient(180deg, #ffa400 0%, #ff8a00 100%);
color: #ffffff;
box-shadow: 0 6rpx 14rpx rgba(230, 126, 34, 0.30);
box-shadow: 0 6rpx 14rpx rgba(255, 138, 0, 0.30);
}
/* ===== 空状态 ===== */
@ -136,7 +136,7 @@
.link-text {
font-size: 24rpx;
color: #e67e22;
color: #ff8a00;
font-weight: 600;
}
@ -169,7 +169,7 @@
.copy {
font-size: 24rpx;
color: #e67e22;
color: #ff8a00;
padding: 8rpx 14rpx;
border-radius: 12rpx;
background: #fff4f2;
@ -228,7 +228,7 @@
.grid-item:nth-child(6) .gi-value,
.grid-item:nth-child(8) .gi-value,
.grid-item:nth-child(9) .gi-value {
color: #e67e22;
color: #ff8a00;
}
/* 小屏两列适配 */

View File

@ -7,7 +7,7 @@
}
.page-title { padding: 24rpx 24rpx 0; }
.title {
color: #e67e22; /* 橙主色 */
color: #ff8a00; /* 橙主色 */
font-size: 40rpx;
font-weight: 700;
}
@ -64,9 +64,9 @@
font-weight: 600;
}
.btn-primary {
background: linear-gradient(180deg, #ffa400 0%, #e67e22 100%);
background: linear-gradient(180deg, #ffa400 0%, #ff8a00 100%);
color: #ffffff;
box-shadow: 0 6rpx 14rpx rgba(230,126,34,0.30);
box-shadow: 0 6rpx 14rpx rgba(255,138,0,0.30);
}
/* ===== 列表容器 ===== */
@ -119,7 +119,7 @@
max-width: 70%;
word-break: break-all;
}
.money { color: #e67e22; font-weight: 700; }
.money { color: #ff8a00; font-weight: 700; }
/* 空状态 */
.empty {