更新HTML菜单文件

This commit is contained in:
HibiKier
2022-12-15 19:03:17 +08:00
parent 181717001a
commit 272f6726ea
6 changed files with 407 additions and 987 deletions
+9 -7
View File
@@ -154,10 +154,12 @@ bot.py
data/ data/
.env .env
.env.dev .env.dev
resources/ /resources/text/
!/configs/config.py /resources/image/
!/configs/config.yaml !/resources/template/
!/.env configs/config.py
!/.env.dev configs/config.yaml
!/plugins/csgo_server/ ./.env
!/plugins/activity/ ./.env.dev
plugins/csgo_server/
plugins/activity/
+3 -4
View File
@@ -14,7 +14,7 @@
/* 标题背景色 */ /* 标题背景色 */
--titlecolor:#8b2671; --titlecolor:#8b2671;
/* 标题正文 */ /* 标题正文 */
--titletext:"功能总列表"; --titletext:"真寻的功能捏~";
/* 功能项背景色 */ /* 功能项背景色 */
--optcolor:rgba( 255, 255, 255, 0.25 ); --optcolor:rgba( 255, 255, 255, 0.25 );
/* 默认字体大小 */ /* 默认字体大小 */
@@ -101,11 +101,10 @@ header::after{
} }
.content { .content {
/* width: 58rem; */
/* 瀑布流参数 */ /* 瀑布流参数 */
columns: 12rem 4; column-count: 4;
gap: 1rem; gap: 1rem;
/* column-gap: normal; */ column-gap: normal;
} }
.des{ .des{
/* width: 58rem; */ /* width: 58rem; */
+2 -2
View File
@@ -9,9 +9,9 @@
<link rel="stylesheet" href="zhenxun_menu.css"> <link rel="stylesheet" href="zhenxun_menu.css">
</head> </head>
<body> <body>
<header></header>
<div class="transition"></div>
<div class="wrapper"> <div class="wrapper">
<header></header>
<div class="transition"></div>
<main class="des"> <main class="des">
<p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。&nbsp;&nbsp;&nbsp;或者使用 ‘详细帮助’ 来获取所有功能方法。</p> <p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。&nbsp;&nbsp;&nbsp;或者使用 ‘详细帮助’ 来获取所有功能方法。</p>
<p style="color:red;">注:横线字功能被群管理员禁用,浅色字代表功能正在维护&nbsp;&nbsp;&nbsp;&nbsp;真寻机器人免费开源,如果你在任何渠道付费购买了真寻机器人,请退款。</p> <p style="color:red;">注:横线字功能被群管理员禁用,浅色字代表功能正在维护&nbsp;&nbsp;&nbsp;&nbsp;真寻机器人免费开源,如果你在任何渠道付费购买了真寻机器人,请退款。</p>
+16 -2
View File
@@ -47,6 +47,14 @@ let logoArr = Array.from(Array(24), (v,k) =>k+1);
let fatherDom = document.querySelector(".content"); let fatherDom = document.querySelector(".content");
let childDom = fatherDom.children; let childDom = fatherDom.children;
//瀑布流列数统计
let columnCount = 0;
//首列为最长列的情况下,作为被除数
let firstColumnNum = childDom[0].childElementCount;
for(let i = 0 ;i < childDom.length ;i++){ for(let i = 0 ;i < childDom.length ;i++){
// 随机取颜色 // 随机取颜色
let index = Math.floor((Math.random()*colorlist.length)); let index = Math.floor((Math.random()*colorlist.length));
@@ -78,7 +86,13 @@ for(let i = 0 ;i < childDom.length ;i++){
logoArr.splice(logoIndex, 1); logoArr.splice(logoIndex, 1);
imgDom.src=logoUrl; imgDom.src=logoUrl;
//暂时把所有的插件数量写入到列数中
columnCount += childDom[i].childElementCount
} }
//计算瀑布流列数
columnCount = Math.ceil(columnCount / firstColumnNum) < 5 ? Math.ceil(columnCount / firstColumnNum) : 4;
//修改瀑布流列数
if(columnCount != 4){
fatherDom.style.columnCount = columnCount;
}
@@ -1,450 +0,0 @@
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zhenxun_menu</title>
<link rel="stylesheet" href="./res/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="zhenxun_menu.css">
</head>
<body cz-shortcut-listen="true">
<div class="wrapper">
<div id="sider" class="sider-left"></div>
<main class="des des-left">
<p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。&nbsp;&nbsp;&nbsp;或者使用 ‘详细帮助’ 来获取所有功能方法。</p>
<p style="color:red;">注:浅色字功能被群管理员禁用,横线字代表功能正在维护&nbsp;&nbsp;&nbsp;&nbsp;真寻机器人免费开源,如果你在任何渠道付费购买了真寻机器人,请退款。
</p>
</main>
<div class="content content-left">
<!-- content-left或者content-right随机左右真寻背景图片 -->
<div style="--themebordercolor:#ddc871;--themebgcolor:#ddc8710a;--pluginbgcolor:#ddc8715c;">
<!-- 插件列表三种背景色"--themebordercolor","--themebgcolor","--pluginbgcolor" -->
<!-- 插件种类顶部框 -->
<div>
<span>
<!-- 图标 -->
<i class="fa fa-cog"></i>
<!-- 插件种类名 -->
功能
</span>
<!-- 真寻表情包图片 -->
<div class="logo">
<img src="/res/logo/7.png">
</div>
</div>
<!-- 插件单元 -->
<span>
<!-- 插件名 -->
AI
<!-- 插件背景斜框 -->
<div class="splic"></div>
</span>
<span>
B站订阅
<div class="splic"></div></span>
<span>
apex查询
<div class="splic"></div></span>
<span>
coser
<div class="splic"></div></span>
<span>
epic免费游戏
<div class="splic"></div></span>
<span>
pid搜索
<div class="splic"></div></span>
<span>
roll
<div class="splic"></div></span>
<span>
一言二次元语录
<div class="splic"></div></span>
<span>
个人信息权限查看
<div class="splic"></div></span>
<span>
古诗
<div class="splic"></div></span>
<span>
吃饭小助手
<div class="splic"></div></span>
<span>
微博热搜
<div class="splic"></div></span>
<span>
我有一个朋友
<div class="splic"></div></span>
<span>
昵称系统
<div class="splic"></div></span>
<span>
更新信息
<div class="splic"></div></span>
<span>
构造分享信息
<div class="splic"></div></span>
<span>
查看pix图库
<div class="splic"></div></span>
<span>
查看群欢迎消息
<div class="splic"></div></span>
<span>
磁力搜索
<div class="splic"></div></span>
<span>
签到
<div class="splic"></div></span>
<span>
网易云热评
<div class="splic"></div></span>
<span>
能不能好好说话
<div class="splic"></div></span>
<span>
金币红包
<div class="splic"></div></span>
<span>
骂我
<div class="splic"></div></span>
<span>
鲁迅说
<div class="splic"></div></span>
<span>
鸡汤
<div class="splic"></div></span>
<span>
黑白草图
<div class="splic"></div></span>
</div>
<div style="--themebordercolor:#2bae85;--themebgcolor:#2bae850a;--pluginbgcolor:#2bae855c;">
<div>
<span>
<i class="fa fa-circle-o"></i>
原神相关
</span>
<div class="logo">
<img src="/res/logo/4.png">
</div>
</div>
<span class="ban">
原神今日素材
</span>
<span class="ban">
原神便笺查询
</span>
<span class="ban">
原神树脂提醒
</span>
<span>
原神玩家查询
<div class="splic"></div>
</span>
<span class="ban">原神绑定</span>
<span>
原神老黄历
<div class="splic"></div></span>
<span class="ban">
原神自动签到
</span>
<span class="ban">
原神资源查询
</span>
</div>
<div style="--themebordercolor:#eea2a4;--themebgcolor:#eea2a40a;--pluginbgcolor:#eea2a45c;">
<div>
<span>
<i class="fa fa-envelope-o"></i>
联系管理员
</span>
<div class="logo">
<img src="/res/logo/17.png">
</div>
</div>
<span>
联系管理员
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#8b2671;--themebgcolor:#8b26710a;--pluginbgcolor:#8b26715c;">
<div>
<span>
<i class="fa fa-cog"></i>
功能
</span>
<div class="logo">
<img src="/res/logo/16.png">
</div>
</div>
<span>
每日发癫
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#f1908c;--themebgcolor:#f1908c0a;--pluginbgcolor:#f1908c5c;">
<div>
<span>
<i class="fa fa-cubes"></i>
常规插件
</span>
<div class="logo">
<img src="/res/logo/23.png">
</div>
</div>
<span class="ban">
<del>消息防撤回</del>
</span>
</div>
<div style="--themebordercolor:#5cb3cc;--themebgcolor:#5cb3cc0a;--pluginbgcolor:#5cb3cc5c;">
<div>
<span>
<i class="fa fa-credit-card-alt"></i>
抽卡相关
</span>
<div class="logo">
<img src="/res/logo/3.png">
</div>
</div>
<span>
开箱
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#862617;--themebgcolor:#8626170a;--pluginbgcolor:#8626175c;">
<div>
<span>
<i class="fa fa-picture-o"></i>
来点好康的
</span>
<div class="logo">
<img src="/res/logo/15.png">
</div>
</div>
<span>
PIX
<div class="splic"></div>
</span>
<span>
P站排行/搜图
<div class="splic"></div>
</span>
<span>
本地图库
<div class="splic"></div>
</span>
<span>
色图
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#d2b42c;--themebgcolor:#d2b42c0a;--pluginbgcolor:#d2b42c5c;">
<div>
<span>
<i class="fa fa-bar-chart"></i>
数据统计
</span>
<div class="logo">
<img src="/res/logo/20.png">
</div>
</div>
<span>
功能调用统计可视化
<div class="splic"></div>
</span>
<span>
消息统计
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#83cbac;--themebgcolor:#83cbac0a;--pluginbgcolor:#83cbac5c;">
<div>
<span>
<i class="fa fa-scissors"></i>
一些工具
</span>
<div class="logo">
<img src="/res/logo/22.png">
</div>
</div>
<span>
BUFF查询皮肤
<div class="splic"></div>
</span>
<span>
b封面
<div class="splic"></div>
</span>
<span>
各种图片简易操作
<div class="splic"></div>
</span>
<span>
天气查询
<div class="splic"></div>
</span>
<span>
小人举牌
<div class="splic"></div>
</span>
<span>
搜番
<div class="splic"></div>
</span>
<span>
来个猫猫
<div class="splic"></div>
</span>
<span>
点歌
<div class="splic"></div>
</span>
<span>
疫情查询
<div class="splic"></div>
</span>
<span>
翻译
<div class="splic"></div>
</span>
<span>
识图
<div class="splic"></div>
</span>
<span>
识番
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#142334;--themebgcolor:#1423340a;--pluginbgcolor:#1423345c;">
<div>
<span>
<i class="fa fa-shopping-cart"></i>
商店
</span>
<div class="logo">
<img src="/res/logo/1.png">
</div>
</div>
<span>
商店
<div class="splic"></div>
</span>
<span>
商店 —— 使用道具
<div class="splic"></div>
</span>
<span>
商店—— 我的道具
<div class="splic"></div>
</span>
<span>商店 —— 我的金币
<div class="splic"></div>
</span>
<span>商店 —— 购买道具
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#2474b5;--themebgcolor:#2474b50a;--pluginbgcolor:#2474b55c;">
<div>
<span>
<i class="fa fa-tags"></i>
其它
</span>
<div class="logo">
<img src="/res/logo/8.png">
</div>
</div>
<span>
关于
<div class="splic"></div>
</span>
<span>
复读
<div class="splic"></div>
</span>
<span>
戳一戳
<div class="splic"></div>
</span>
<span>
敏感词检测
<div class="splic"></div>
</span>
</div>
<div style="--themebordercolor:#93b5cf;--themebgcolor:#93b5cf0a;--pluginbgcolor:#93b5cf5c;">
<div>
<span>
<i class="fa fa-gamepad"></i>
群内小游戏
</span>
<div class="logo">
<img src="/res/logo/9.png">
</div>
</div>
<span>
21点
<div class="splic"></div>
</span>
<span>
cp小故事
<div class="splic"></div>
</span>
<span>
logo制作
<div class="splic"></div>
</span>
<span>
乞讨福利金
<div class="splic"></div>
</span>
<span>
人生重开 —— lifeRestart
<div class="splic"></div>
</span>
<span>
俄罗斯轮盘
<div class="splic"></div>
</span>
<span>
刮刮乐
<div class="splic"></div>
</span>
<span>
头像表情包
<div class="splic"></div>
</span>
<span>
打劫
<div class="splic"></div>
</span>
<span>
猜单词
<div class="splic"></div>
</span>
<span>
猜成语
<div class="splic"></div>
</span>
<span>
表情包制作
<div class="splic"></div>
</span>
<span>
银行
<div class="splic"></div>
</span>
</div>
</div>
</div>
<script type="module" src="zhenxun_menu.js"></script>
</body>
</html>
@@ -1,145 +0,0 @@
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zhenxun_menu</title>
<link rel="stylesheet" href="zhenxun_menu.css">
</head>
<body>
<div class="wrapper">
<main class="des">
<p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。&nbsp;&nbsp;&nbsp;或者使用 ‘详细帮助’ 来获取所有功能方法。</p>
<p style="color:red;">注:浅色字功能被群管理员禁用,横线字代表功能正在维护&nbsp;&nbsp;&nbsp;&nbsp;真寻机器人免费开源,如果你在任何渠道付费购买了真寻机器人,请退款。</p>
</main>
<div class="content">
<div class="func">
<div><span >功能 </span><div class="logo"><img src="/res/logo/1.png" alt=""></div></div>
<span class="ban">Ai</span>
<span>B站订阅<div class="splic"></div></span>
<span>apex查询</span>
<span>coser</span>
<span>epic免费游戏</span>
<span>pid搜索</span>
<span>roll</span>
<span>一言二次元语录</span>
<span>个人信息权限查看</span>
<span>古诗</span>
<span>吃饭小助手</span>
<span>微博热搜</span>
<span>我有一个朋友</span>
<span>昵称系统</span>
<span>更新信息</span>
<span>构造分享信息</span>
<span>查看pix图库</span>
<span>查看群欢迎信息</span>
<span>磁力搜索</span>
<span>签到</span>
<span>网易云热评</span>
<span>能不能好好说话</span>
<span>金币红包</span>
<span>骂我</span>
<span>鲁迅说</span>
<span>鸡汤</span>
<span>黑白草图</span>
</div>
<div class="genshin">
<span>原神相关</span>
<span class="ban">原神今日素材</span>
<span class="ban">原神便笺查询</span>
<span class="ban">原神树脂提醒</span>
<span >原神玩家查询</span>
<span class="ban">原神绑定</span>
<span >原神老黄历</span>
<span class="ban">原神自动签到</span>
<span class="ban">原神资源查询</span>
</div>
<div class="contact">
<span>联系管理员</span>
<span>联系管理员</span>
</div>
<div class="func_cus">
<span>功能</span>
<span>每日发癫</span>
</div>
<div class="regular">
<span>常规插件</span>
<span class="ban"><del>消息防撤回</del></span>
</div>
<div class="draw">
<span>抽卡相关</span>
<span>开箱</span>
</div>
<div class="sese">
<span>来点好康的</span>
<span>PIX</span>
<span>P站排行/搜图</span>
<span>本地图库</span>
<span>色图</span>
</div>
<div class="datasta">
<span>数据统计</span>
<span>功能调用统计可视化</span>
<span>消息统计</span>
</div>
<div class="tools">
<span>一些工具</span>
<span class="ban">BUFF查询皮肤</span>
<span>b封面</span>
<span>各种图片简易操作</span>
<span>天气查询</span>
<span>小人举牌</span>
<span>搜番</span>
<span>来个猫猫</span>
<span>点歌</span>
<span>疫情查询</span>
<span>翻译</span>
<span>识图</span>
<span>识番</span>
</div>
<div class="shop">
<span>商店</span>
<span>商店</span>
<span>商店 —— 使用道具</span>
<span>商店 —— 我的道具</span>
<span>商店 —— 我的金币</span>
<span>商店 —— 购买道具</span>
</div>
<div class="other">
<span>其它</span>
<span>关于</span>
<span>复读</span>
<span>戳一戳</span>
<span>敏感词检测</span>
</div>
<div class="game">
<span>群内小游戏</span>
<span>21点</span>
<span>cp小故事</span>
<span>logo制作</span>
<span>乞讨福利金</span>
<span>人生重开 —— lifeRestart</span>
<span>俄罗斯罗盘</span>
<span>刮刮乐</span>
<span>头像表情包</span>
<span>打劫</span>
<span>猜单词</span>
<span>猜成语</span>
<span>表情包制作</span>
<span>银行</span>
</div>
</div>
</div>
</body>
</html>