美化了样式2.0
This commit is contained in:
@ -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 {
|
||||
|
@ -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) {
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
/* 小屏两列适配 */
|
||||
|
@ -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 {
|
||||
|
Reference in New Issue
Block a user