This commit is contained in:
qsc
2026-09-04 18:29:49 +08:00
parent f872ffae71
commit 3845950862
42 changed files with 808 additions and 1054 deletions
+13 -48
View File
@@ -61,14 +61,16 @@
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
}
.main-icon img {
.main-icon img,
.material-icon img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.main-info {
.main-info,
.material-info {
min-width: 0;
}
@@ -100,31 +102,6 @@
white-space: nowrap;
}
.quality-1 {
color: #555;
background: #efefef;
}
.quality-2 {
color: #237a3b;
background: #e5f6e9;
}
.quality-3 {
color: #1e6bd6;
background: #e7f0fd;
}
.quality-4 {
color: #7c3fc2;
background: #f0e7fb;
}
.quality-5 {
color: #c76b00;
background: #fff0d9;
}
.tip-list {
margin: 0 0 22px;
padding: 0;
@@ -211,11 +188,13 @@
font-weight: 800;
}
.summary-title.market {
.summary-title.market,
.price-box.highest .price-box-value {
color: #d93939;
}
.summary-title.cost {
.summary-title.cost,
.price-box.lowest .price-box-value {
color: #2e8b57;
}
@@ -251,18 +230,10 @@
line-height: 1.55;
}
.price-box.lowest .price-box-value {
color: #2e8b57;
}
.price-box.average .price-box-value {
color: #d98b16;
}
.price-box.highest .price-box-value {
color: #d93939;
}
.summary-footer {
display: flex;
justify-content: space-between;
@@ -406,17 +377,6 @@
border-radius: 14px;
}
.material-icon img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.material-info {
min-width: 0;
}
.material-name {
margin: 0 0 10px;
font-size: 26px;
@@ -455,26 +415,31 @@
background: #e7f5ed;
}
.quality-1,
.tag-quality-1 {
color: #555;
background: #efefef;
}
.quality-2,
.tag-quality-2 {
color: #237a3b;
background: #e5f6e9;
}
.quality-3,
.tag-quality-3 {
color: #1e6bd6;
background: #e7f0fd;
}
.quality-4,
.tag-quality-4 {
color: #7c3fc2;
background: #f0e7fb;
}
.quality-5,
.tag-quality-5 {
color: #c76b00;
background: #fff0d9;
+3 -23
View File
@@ -1,10 +1,4 @@
.description {
margin-bottom: 24px;
color: #7a7f8c;
font-size: 15px;
}
.legend {
.legend {
display: flex;
justify-content: center;
align-items: center;
@@ -32,22 +26,6 @@
.legend-color.unfinished {
background: var(--jx3-green);
}table {
table-layout: fixed;
margin-top: 10px;
text-align: left;
}th,
td {
vertical-align: middle;
}
th:first-child,
td:first-child {
width: 250px;
}
.map-info {
text-align: center;
}
.map-name {
@@ -67,6 +45,7 @@
.boss-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
@@ -137,6 +116,7 @@
.boss-status {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-top: 6px;
font-size: 12px;
+2 -5
View File
@@ -52,7 +52,8 @@
grid-column: span 2;
}
.section.span-3 {
.section.span-3,
.full-row {
grid-column: 1 / -1;
}
@@ -132,10 +133,6 @@
margin-top: 4px;
}
.full-row {
grid-column: 1 / -1;
}
.push-section .section-body {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
-47
View File
@@ -1,11 +1,5 @@
.header {
color: var(--jx3-text);
background: linear-gradient(180deg, rgba(17, 52, 81, 0.96), rgba(9, 35, 57, 0.96));
border: 1px solid var(--jx3-border-soft);
border-radius: 8px;
padding: 22px 26px;
margin-bottom: 16px;
box-shadow: 0 6px 18px rgba(35, 38, 47, 0.06);
}
.meta {
@@ -16,47 +10,6 @@
color: var(--jx3-text-muted);
}
.table-wrapper {
background: rgba(7, 26, 43, 0.76);
border: 1px solid var(--jx3-border-soft);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(35, 38, 47, 0.06);
}table {
table-layout: fixed;
}
th {
padding: 14px 16px;
font-size: 16px;
font-weight: 700;
text-align: left;
white-space: nowrap;
}
th:nth-child(2),
th:nth-child(3),
th:nth-child(4),
td:nth-child(2),
td:nth-child(3),
td:nth-child(4) {
text-align: center;
}
td {
padding: 14px 16px;
border-bottom: 1px solid var(--jx3-border-faint);
font-size: 15px;
vertical-align: middle;
}
.item {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.item-icon {
width: 34px;
height: 34px;
+1 -33
View File
@@ -1,40 +1,11 @@
.meta {
margin-bottom: 24px;
color: #7a7f99;
font-size: 16px;
text-align: center;
}table {
margin-top: 10px;
table-layout: fixed;
text-align: left;
}th,
td {
vertical-align: middle;
}
th {
font-weight: 700;
text-align: center;
}
/* 角色列 */
.role-col {
width: 16%;
.role-col {
color: var(--jx3-text);
font-weight: 700;
text-align: center;
word-break: break-word;
}
/* 频道列 */
.channel-col {
width: 10%;
text-align: center;
}
/* 消息列 */
.message-col {
width: 56%;
color: var(--jx3-text-secondary);
font-weight: 600;
line-height: 1.65;
@@ -44,9 +15,7 @@
/* 时间列 */
.time-col {
width: 18%;
color: #757b8f;
text-align: center;
white-space: nowrap;
}
@@ -95,5 +64,4 @@
padding: 50px 20px;
color: #8a8fa3;
font-size: 17px;
text-align: center;
}
+4 -30
View File
@@ -30,7 +30,7 @@
font-weight: 800;
}
.table-wrapper {
.market-table-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
@@ -50,23 +50,6 @@
color: var(--jx3-gold-bright);
}
.table-scroll {
width: 100%;
overflow-x: auto;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}table {
min-width: 420px;
text-align: left;
}th,
td {
white-space: nowrap;
}
th {
font-weight: 700;
}
.server-col {
font-weight: 600;
}
@@ -86,10 +69,7 @@
/* ===== 万宝楼公示(蓝色) ===== */
.table-card.notice .table-title {
color: var(--jx3-blue);
}
.table-card.notice .table-title,
.table-card.notice .price-col {
color: var(--jx3-blue);
}
@@ -100,10 +80,7 @@
/* ===== 万宝楼在售(绿色) ===== */
.table-card.sale .table-title {
color: var(--jx3-green);
}
.table-card.sale .table-title,
.table-card.sale .price-col {
color: var(--jx3-green);
}
@@ -114,10 +91,7 @@
/* ===== 查询区服(紫色) ===== */
.table-card.query .table-title {
color: var(--jx3-purple);
}
.table-card.query .table-title,
.table-card.query .price-col {
color: var(--jx3-purple);
}
+4 -68
View File
@@ -1,30 +1,21 @@
.panel {
width: 1100px;
margin: auto;
background: #ffffff;
border-radius: 12px;
padding: 22px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}
/* ===== 头部 ===== */
.header {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding-bottom: 14px;
}
.role-name {
font-size: 40px;
font-weight: bold;
color: #1f1f1f;
}
.sub-info {
margin-top: 6px;
font-size: 22px;
color: #666;
}
/* ===== 头像 + 核心数据 ===== */
@@ -61,8 +52,6 @@
/* 单个数据块 */
.stat-box {
background: #f5f6fa;
border-radius: 12px;
padding: 20px;
text-align: center;
}
@@ -76,50 +65,22 @@
font-size: 36px;
margin-top: 8px;
font-weight: bold;
color: #222;
}
.winrate {
color: #2fbf71;
}
.mmr {
color: #f5a623;
}
/* ===== 表格 ===== */table {
margin-top: 20px;
font-size: 18px;
table-layout: fixed;
}th, td {
text-align: center;
}
th {
color: #666;
font-weight: normal;
}
tbody tr:nth-child(odd) {
background: #ffffff;
}
.win {
color: #2fbf71;
font-weight: bold;
}
.lose {
color: #e65050;
font-weight: bold;
}
.win,
.mmr-up {
color: #2fbf71;
font-weight: bold;
}
.lose,
.mmr-down {
color: #e65050;
font-weight: bold;
}
.mvp {
@@ -128,31 +89,6 @@ tbody tr:nth-child(odd) {
}
.time-col {
width: 170px;
font-size: 16px;
font-variant-numeric: tabular-nums;
}
.duration-col {
width: 92px;
}
.kungfu-col {
width: 150px;
}
.result-col {
width: 64px;
}
.score-col {
width: 104px;
}
.grade-col {
width: 96px;
}
.mvp-col {
width: 58px;
}
-7
View File
@@ -1,8 +1,4 @@
.header {
background: #ffffff;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
margin-bottom: 16px;
}
@@ -37,10 +33,7 @@
}
.summary {
background: #ffffff;
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
margin-bottom: 16px;
}
+6 -68
View File
@@ -1,69 +1,20 @@
.meta {
margin-bottom: 26px;
color: #7a7f99;
font-size: 18px;
text-align: center;
}table {
table-layout: fixed;
}th,
td {
height: 66px;
vertical-align: middle;
}
th {
height: 52px;
font-size: 18px;
font-weight: 700;
text-align: center;
white-space: nowrap;
}
/*
* 列宽分配
*/
.rank-width {
width: 8%;
}
.avatar-width {
width: 9%;
}
.force-width {
width: 19%;
}
.role-width {
width: 25%;
}
.server-width {
width: 23%;
}
.score-width {
width: 16%;
}
/*
/*
* 排名列
*/
.rank-col {
color: #d93939;
font-size: 18px;
font-weight: 800;
text-align: center;
white-space: nowrap;
}
/*
* 头像列
*/
.avatar-col {
.avatar-col,
.force-col {
padding-left: 4px;
padding-right: 4px;
text-align: center;
}
.avatar {
@@ -79,12 +30,6 @@
/*
* 职业列
*/
.force-col {
padding-left: 4px;
padding-right: 4px;
text-align: center;
}
.force {
display: flex;
align-items: center;
@@ -107,7 +52,9 @@
background: #eef2f8;
}
.force-name {
.force-name,
.role-name-col,
.server-col {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
@@ -123,10 +70,6 @@
color: var(--jx3-text);
font-size: 17px;
font-weight: 600;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*
@@ -137,10 +80,6 @@
padding-right: 8px;
color: var(--jx3-text-secondary);
font-size: 17px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*
@@ -152,7 +91,6 @@
color: #d93939;
font-size: 18px;
font-weight: 800;
text-align: center;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}