From 4c3fbed3a495df92bd944ce649e046831dca4b83 Mon Sep 17 00:00:00 2001 From: rain Date: Mon, 27 Jul 2026 09:34:19 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- html/cjdlt.html | 21 ++++++------ html/fc3d.html | 53 ++++++++++++++++++----------- html/index.html | 36 ++++++++++++++++++-- html/kl8.html | 21 ++++++------ html/pl3.html | 21 ++++++------ html/pl5.html | 21 ++++++------ html/qlc.html | 21 ++++++------ html/qxc.html | 21 ++++++------ html/ssq.html | 21 ++++++------ public/css/trend.css | 81 ++++++++++++++++++++++++++++++++++++-------- 10 files changed, 203 insertions(+), 114 deletions(-) diff --git a/html/cjdlt.html b/html/cjdlt.html index ff509d1..748b4ef 100644 --- a/html/cjdlt.html +++ b/html/cjdlt.html @@ -56,21 +56,20 @@ -
- 返回 - / - 大乐透走势图 -
- -
-
大乐透走势图
-
+
+
+ 返回 + / + 大乐透走势图 +
+
+
大乐透走势图
+
10期
20期
30期
60期
+
diff --git a/html/fc3d.html b/html/fc3d.html index 3b3fda7..dab61f6 100644 --- a/html/fc3d.html +++ b/html/fc3d.html @@ -55,22 +55,23 @@
+
+
+ 返回 + / + 福彩3D走势图 +
-
- 返回 - / - 福彩3D走势图 -
- -
-
福彩3D走势图
-
-
10期
-
20期
-
30期
-
60期
+
+
福彩3D走势图
+
+
10期
+
20期
+
30期
+
60期
+
@@ -214,7 +215,12 @@ ? '' : ""; html += '' + item.issue + ""; - html += '' + CommonUtil.renderTrendOpenCode(item.openCode, { mode: "position" }) + ""; + html += + '' + + CommonUtil.renderTrendOpenCode(item.openCode, { + mode: "position", + }) + + ""; // Type columns var typeNames = ["baozi", "zu3", "zu6"]; @@ -399,13 +405,22 @@ } function loadData() { - ApiClient.requestLegacyLotteryResultCompat({ suoxie: "fc3d" }).then(function (res) { + ApiClient.requestLegacyLotteryResultCompat({ suoxie: "fc3d" }).then( + function (res) { if (res && res.data) { - allData = Array.isArray(res.data) ? res.data : (res.data && (res.data.records || res.data.rows || res.data.list || res.data.data)) || []; + allData = Array.isArray(res.data) + ? res.data + : (res.data && + (res.data.records || + res.data.rows || + res.data.list || + res.data.data)) || + []; if (!Array.isArray(allData)) allData = []; renderData(currentCount); } - }); + }, + ); } $(document).on("click", ".qishu-but", function () { diff --git a/html/index.html b/html/index.html index de7cad6..0e19c08 100644 --- a/html/index.html +++ b/html/index.html @@ -319,7 +319,7 @@ 七星彩: { icon: "../images/icon-qxc.png", color: "violet", - blueColor: "violet", + blueColor: "blue", code: "qxc", accent: "#b06dff", }, @@ -401,8 +401,38 @@ ? item.lotteryResult.expect || item.lotteryResult.name || "" : ""; } - function buildBallHtml(openCode, cfg, compact) { + function buildBallHtml(result, cfg, compact) { + result = result || {}; + var openCode = result.openCode || ""; if (!openCode) return '--'; + + if ( + cfg.code === "qxc" && + Array.isArray(result.redNumbers) && + Array.isArray(result.blueNumbers) + ) { + var qxcHtml = ""; + $.each(result.redNumbers, function (_, ball) { + qxcHtml += + '' + + escapeHtml($.trim(ball)) + + ""; + }); + $.each(result.blueNumbers, function (_, ball) { + qxcHtml += + '' + + escapeHtml($.trim(ball)) + + ""; + }); + return qxcHtml || '--'; + } + var html = ""; var parts = String(openCode).split("+"); $.each(parts[0] ? parts[0].split(",") : [], function (_, ball) { @@ -569,7 +599,7 @@ '">历史开奖
' + - buildBallHtml(result.openCode || "", cfg, compact) + + buildBallHtml(result, cfg, compact) + '
' + '
开奖日期
' + '
' + escapeHtml(drawTimeText) diff --git a/html/kl8.html b/html/kl8.html index a934e56..7147430 100644 --- a/html/kl8.html +++ b/html/kl8.html @@ -56,21 +56,20 @@
-
- 返回 - / - 快乐8走势图 -
- -
-
快乐8走势图
-
+
+
+ 返回 + / + 快乐8走势图 +
+
+
快乐8走势图
+
10期
20期
30期
60期
+
diff --git a/html/pl3.html b/html/pl3.html index fe2b180..846ae5a 100644 --- a/html/pl3.html +++ b/html/pl3.html @@ -56,21 +56,20 @@
-
- 返回 - / - 排列三走势图 -
- -
-
排列三走势图
-
+
+
+ 返回 + / + 排列三走势图 +
+
+
排列三走势图
+
10期
20期
30期
60期
+
diff --git a/html/pl5.html b/html/pl5.html index 4b74bb3..313be63 100644 --- a/html/pl5.html +++ b/html/pl5.html @@ -56,21 +56,20 @@
-
- 返回 - / - 排列五走势图 -
- -
-
排列五走势图
-
+
+
+ 返回 + / + 排列五走势图 +
+
+
排列五走势图
+
10期
20期
30期
60期
+
diff --git a/html/qlc.html b/html/qlc.html index a37a221..2992d09 100644 --- a/html/qlc.html +++ b/html/qlc.html @@ -56,21 +56,20 @@
-
- 返回 - / - 七乐彩走势图 -
- -
-
七乐彩走势图
-
+
+
+ 返回 + / + 七乐彩走势图 +
+
+
七乐彩走势图
+
10期
20期
30期
60期
+
diff --git a/html/qxc.html b/html/qxc.html index 59a9b6a..6cc0180 100644 --- a/html/qxc.html +++ b/html/qxc.html @@ -56,21 +56,20 @@
-
- 返回 - / - 七星彩走势图 -
- -
-
七星彩走势图
-
+
+
+ 返回 + / + 七星彩走势图 +
+
+
七星彩走势图
+
10期
20期
30期
60期
+
diff --git a/html/ssq.html b/html/ssq.html index 4427151..c4369d6 100644 --- a/html/ssq.html +++ b/html/ssq.html @@ -56,21 +56,20 @@
-
- 返回 - / - 双色球走势图 -
- -
-
双色球走势图
-
+
+
+ 返回 + / + 双色球走势图 +
+
+
双色球走势图
+
10期
20期
30期
60期
+
diff --git a/public/css/trend.css b/public/css/trend.css index 8f983b1..f835d77 100644 --- a/public/css/trend.css +++ b/public/css/trend.css @@ -7,10 +7,17 @@ /* ---------------------------------------------------------- 1. Breadcrumb Bar ---------------------------------------------------------- */ -.breadcrumb-bar { - max-width: 1420px; + +.breadcrumb-bigbox { margin: 0 auto; - padding: 14px 20px 0; + margin-top: 30px; + width: 1380px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.breadcrumb-bar { font-size: 13px; color: var(--text-muted); display: flex; @@ -40,14 +47,12 @@ 2. Page Title Bar & Period Selector ---------------------------------------------------------- */ .page-title-bar { - max-width: 1420px; - margin: 0 auto; - padding: 10px 20px 14px; + box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 16px; - flex-wrap: wrap; + flex-wrap: nowrap; } .page-title { @@ -63,6 +68,8 @@ display: flex; align-items: center; gap: 8px; + margin-left: auto; + flex-shrink: 0; } .qishu-but { @@ -352,11 +359,35 @@ font-size: 14px !important; } -.zone-p1 { background: #e74c3c !important; color: #fff !important; font-size: 14px !important; } -.zone-p2 { background: #f39c12 !important; color: #fff !important; font-size: 14px !important; } -.zone-p3 { background: #27ae60 !important; color: #fff !important; font-size: 14px !important; } -.zone-p4 { background: #2980b9 !important; color: #fff !important; font-size: 14px !important; } -.zone-p5 { background: #8e44ad !important; color: #fff !important; font-size: 14px !important; } +.zone-p1 { + background: #e74c3c !important; + color: #fff !important; + font-size: 14px !important; +} + +.zone-p2 { + background: #f39c12 !important; + color: #fff !important; + font-size: 14px !important; +} + +.zone-p3 { + background: #27ae60 !important; + color: #fff !important; + font-size: 14px !important; +} + +.zone-p4 { + background: #2980b9 !important; + color: #fff !important; + font-size: 14px !important; +} + +.zone-p5 { + background: #8e44ad !important; + color: #fff !important; + font-size: 14px !important; +} .zone-g1 { background: linear-gradient(135deg, #e74c3c, #f15a22) !important; @@ -372,9 +403,24 @@ letter-spacing: 1px; } -.zone-z1 { background: #e74c3c !important; color: #fff !important; font-size: 14px !important; } -.zone-z2 { background: #27ae60 !important; color: #fff !important; font-size: 14px !important; } -.zone-z3 { background: #3b6fd4 !important; color: #fff !important; font-size: 14px !important; } +.zone-z1 { + background: #e74c3c !important; + color: #fff !important; + font-size: 14px !important; +} + +.zone-z2 { + background: #27ae60 !important; + color: #fff !important; + font-size: 14px !important; +} + +.zone-z3 { + background: #3b6fd4 !important; + color: #fff !important; + font-size: 14px !important; +} + .zone-sp { background: linear-gradient(135deg, #f5a623, #fdb933) !important; color: #fff !important; @@ -950,6 +996,11 @@ gap: 10px; } + .qishu { + margin-left: 0; + flex-shrink: 1; + } + .page-title { font-size: 17px; }