GM 页:关于页补上官方QQ群二维码,面板改为三列
- 关于页组合面板 534→712,新增中间列「官方QQ群」(178px,含 QQ 群号 1128511524) - 新增 gmweb/qr/qq.png,沿用 bindQr 的缺图占位逻辑(qr-qq) - 介绍卡片同步加宽到 712,与面板左右对齐;资源版本号 ?v=20261105C
This commit is contained in:
1 parent
cc6beb0a71
commit
fb3ec9f777
4 files changed
+21
-6
No files matched your search
@@ -514,6 +514,7 @@
|
|||||||
bindQr('qr-alipay');
|
bindQr('qr-alipay');
|
||||||
bindQr('qr-wechat');
|
bindQr('qr-wechat');
|
||||||
bindQr('qr-gzh');
|
bindQr('qr-gzh');
|
||||||
|
bindQr('qr-qq');
|
||||||
|
|
||||||
renderPicked();
|
renderPicked();
|
||||||
forceIME();
|
forceIME();
|
||||||
|
|||||||
+15
-2
@@ -4,7 +4,7 @@
|
|||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>GM 控制台</title>
|
<title>GM 控制台</title>
|
||||||
<link rel="stylesheet" href="/style.css?v=20261105B">
|
<link rel="stylesheet" href="/style.css?v=20261105C">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="topbar">
|
<div id="topbar">
|
||||||
@@ -158,6 +158,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</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 box-r">
|
||||||
<div class="box-hd">团队公众号</div>
|
<div class="box-hd">团队公众号</div>
|
||||||
<div class="box-bd">
|
<div class="box-bd">
|
||||||
@@ -179,6 +192,6 @@
|
|||||||
|
|
||||||
<div id="log"></div>
|
<div id="log"></div>
|
||||||
|
|
||||||
<script src="/app.js?v=20261105B"></script>
|
<script src="/app.js?v=20261105C"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
+5
-4
@@ -118,7 +118,7 @@ select.inp { padding: 3px 2px; }
|
|||||||
background: #e8c979; color: #1a1e27; border-radius: 2px;
|
background: #e8c979; color: #1a1e27; border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 关于页:整体是一列居中内容(介绍卡片 + 组合面板),宽度固定 534 */
|
/* 关于页:整体是一列居中内容(介绍卡片 + 组合面板),宽度固定 692 */
|
||||||
/* 关于页整块在可视区里垂直居中:绝对定位 + translateY(IE11 支持 transform) */
|
/* 关于页整块在可视区里垂直居中:绝对定位 + translateY(IE11 支持 transform) */
|
||||||
#pane-about.on { display: block; position: relative; height: 100%; box-sizing: border-box; }
|
#pane-about.on { display: block; position: relative; height: 100%; box-sizing: border-box; }
|
||||||
#pane-about .about-inner {
|
#pane-about .about-inner {
|
||||||
@@ -126,20 +126,21 @@ select.inp { padding: 3px 2px; }
|
|||||||
-ms-transform: translateY(-50%); transform: translateY(-50%);
|
-ms-transform: translateY(-50%); transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
.about-card {
|
.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;
|
background: #1a1e27; border: 1px solid #2b3040;
|
||||||
}
|
}
|
||||||
.about-name { color: #e8c979; font-size: 14px; letter-spacing: 1px; }
|
.about-name { color: #e8c979; font-size: 14px; letter-spacing: 1px; }
|
||||||
.about-line { color: #8d94a6; margin-top: 4px; }
|
.about-line { color: #8d94a6; margin-top: 4px; }
|
||||||
|
|
||||||
.box { margin-top: 12px; border: 1px solid #2b3040; background: #171b23; }
|
.box { margin-top: 12px; border: 1px solid #2b3040; background: #171b23; }
|
||||||
/* 两个分组框合成一个整体面板:外框统一,中间一条竖线分隔 */
|
/* 三个分组框合成一个整体面板:外框统一,中间竖线分隔 */
|
||||||
.cols {
|
.cols {
|
||||||
width: 534px; margin: 12px auto 0;
|
width: 712px; margin: 12px auto 0;
|
||||||
border: 1px solid #2b3040; background: #171b23; overflow: hidden;
|
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 { margin-top: 0; min-height: 264px; float: left; border: 0; background: transparent; box-sizing: border-box; }
|
||||||
.cols .box-l { width: 353px; }
|
.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; }
|
.cols .box-r { width: 179px; border-left: 1px solid #3f4759; background: #14171d; }
|
||||||
.box-hd {
|
.box-hd {
|
||||||
height: 26px; line-height: 26px; padding: 0 10px;
|
height: 26px; line-height: 26px; padding: 0 10px;
|
||||||
|
|||||||
Reference in new issue
Block a user