GM 页:关于页补上官方QQ群二维码,面板改为三列

- 关于页组合面板 534→712,新增中间列「官方QQ群」(178px,含 QQ 群号 1128511524)
- 新增 gmweb/qr/qq.png,沿用 bindQr 的缺图占位逻辑(qr-qq)
- 介绍卡片同步加宽到 712,与面板左右对齐;资源版本号 ?v=20261105C
This commit is contained in:
hanfuit committed 2026-11-05 16:13:53 +08:00
1 parent cc6beb0a71
commit fb3ec9f777
4 files changed
+21 -6

No files matched your search

+1
View File
@@ -514,6 +514,7 @@
bindQr('qr-alipay');
bindQr('qr-wechat');
bindQr('qr-gzh');
bindQr('qr-qq');
renderPicked();
forceIME();
+15 -2
View File
@@ -4,7 +4,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>GM 控制台</title>
<link rel="stylesheet" href="/style.css?v=20261105B">
<link rel="stylesheet" href="/style.css?v=20261105C">
</head>
<body>
<div id="topbar">
@@ -158,6 +158,19 @@
</div>
</div>
<div class="box box-m">
<div class="box-hd">官方QQ群</div>
<div class="box-bd">
<div class="qr-card">
<div class="qr-title">QQ群</div>
<div class="qr-box"><img id="qr-qq" src="/qr/qq.png" alt="官方QQ群二维码">
<div class="qr-miss">二维码未配置<div class="qr-path">gmweb\qr\qq.png</div></div>
</div>
</div>
<div class="box-note">群号 1128511524</div>
</div>
</div>
<div class="box box-r">
<div class="box-hd">团队公众号</div>
<div class="box-bd">
@@ -179,6 +192,6 @@
<div id="log"></div>
<script src="/app.js?v=20261105B"></script>
<script src="/app.js?v=20261105C"></script>
</body>
</html>
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

+5 -4
View File
@@ -118,7 +118,7 @@ select.inp { padding: 3px 2px; }
background: #e8c979; color: #1a1e27; border-radius: 2px;
}
/* 关于页:整体是一列居中内容(介绍卡片 + 组合面板),宽度固定 534 */
/* 关于页:整体是一列居中内容(介绍卡片 + 组合面板),宽度固定 692 */
/* 关于页整块在可视区里垂直居中:绝对定位 + translateY(IE11 支持 transform) */
#pane-about.on { display: block; position: relative; height: 100%; box-sizing: border-box; }
#pane-about .about-inner {
@@ -126,20 +126,21 @@ select.inp { padding: 3px 2px; }
-ms-transform: translateY(-50%); transform: translateY(-50%);
}
.about-card {
width: 534px; margin: 0 auto; padding: 10px 12px; box-sizing: border-box;
width: 712px; margin: 0 auto; padding: 10px 12px; box-sizing: border-box;
background: #1a1e27; border: 1px solid #2b3040;
}
.about-name { color: #e8c979; font-size: 14px; letter-spacing: 1px; }
.about-line { color: #8d94a6; margin-top: 4px; }
.box { margin-top: 12px; border: 1px solid #2b3040; background: #171b23; }
/* 两个分组框合成一个整体面板:外框统一,中间一条竖线分隔 */
/* 三个分组框合成一个整体面板:外框统一,中间竖线分隔 */
.cols {
width: 534px; margin: 12px auto 0;
width: 712px; margin: 12px auto 0;
border: 1px solid #2b3040; background: #171b23; overflow: hidden;
}
.cols .box { margin-top: 0; min-height: 264px; float: left; border: 0; background: transparent; box-sizing: border-box; }
.cols .box-l { width: 353px; }
.cols .box-m { width: 178px; border-left: 1px solid #3f4759; background: #14171d; }
.cols .box-r { width: 179px; border-left: 1px solid #3f4759; background: #14171d; }
.box-hd {
height: 26px; line-height: 26px; padding: 0 10px;