更新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/
+242 -243
View File
@@ -1,244 +1,243 @@
:root{ :root{
/* 整图背景颜色 (#bfd5ea) */ /* 整图背景颜色 (#bfd5ea) */
--bgcolor:#FFC8A8; --bgcolor:#FFC8A8;
/* 停用颜色 */ /* 停用颜色 */
--bancolor:#b5b2b2; --bancolor:#b5b2b2;
/* 禁用颜色 */ /* 禁用颜色 */
--stopcolor:red; --stopcolor:red;
/* 背景图高斯模糊 */ /* 背景图高斯模糊 */
--bgblur:6px; --bgblur:6px;
/* 插件框高斯模糊 */ /* 插件框高斯模糊 */
--blur:4px; --blur:4px;
/* 插件背景色 */ /* 插件背景色 */
--itemcolor:hsla(0,0%,100%,.38); --itemcolor:hsla(0,0%,100%,.38);
/* 标题背景色 */ /* 标题背景色 */
--titlecolor:#8b2671; --titlecolor:#8b2671;
/* 标题正文 */ /* 标题正文 */
--titletext:"功能总列表"; --titletext:"真寻的功能捏~";
/* 功能项背景色 */ /* 功能项背景色 */
--optcolor:rgba( 255, 255, 255, 0.25 ); --optcolor:rgba( 255, 255, 255, 0.25 );
/* 默认字体大小 */ /* 默认字体大小 */
--mfsize:40px; --mfsize:40px;
/* 功能项标题字体大小 */ /* 功能项标题字体大小 */
--ofsize:48px; --ofsize:48px;
/* 主题背景颜色 */ /* 主题背景颜色 */
--themebgcolor:#FE96000a; --themebgcolor:#FE96000a;
/* 插件背景颜色 */ /* 插件背景颜色 */
--pluginbgcolor:#FE9600; --pluginbgcolor:#FE9600;
/* 主题边框颜色 */ /* 主题边框颜色 */
--themebordercolor:#FE9600; --themebordercolor:#FE9600;
/* 备选颜色 */ /* 备选颜色 */
--testcolor:#FE9600; --testcolor:#FE9600;
/* 偶数列倾斜角 */ /* 偶数列倾斜角 */
--cdeg:20deg --cdeg:20deg
} }
i{ i{
margin-right: 5px; margin-right: 5px;
} }
.content > div{ .content > div{
background-color: var(--themebgcolor) !important; background-color: var(--themebgcolor) !important;
} }
*{ *{
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
@font-face { @font-face {
font-family: myFont; font-family: myFont;
/* 导入的字体文件 */ /* 导入的字体文件 */
src: url("./res/font/CJGaoDeGuo.otf"); src: url("./res/font/CJGaoDeGuo.otf");
} }
body{ body{
font-family:'myFont'; font-family:'myFont';
font-size:var(--mfsize); font-size:var(--mfsize);
} }
header{ header{
position: relative; position: relative;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background-size: cover; background-size: cover;
background-image: url(./res/img/bg3.jpg); background-image: url(./res/img/bg3.jpg);
background-position-y: -55px; background-position-y: -55px;
} }
header::after{ header::after{
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 5vh; height: 5vh;
filter: blur(5px); filter: blur(5px);
} }
.transition{ .transition{
width: 100%; width: 100%;
height: 10vh; height: 10vh;
filter: blur(3px); filter: blur(3px);
transform: translateY(-10px) scaleY(1.5); transform: translateY(-10px) scaleY(1.5);
background-image: linear-gradient(to top, #ffc8a8 0%, rgb(255 255 255 / 99%) 100%); background-image: linear-gradient(to top, #ffc8a8 0%, rgb(255 255 255 / 99%) 100%);
} }
.wrapper{ .wrapper{
position: relative; position: relative;
padding: 0.5rem 1.5rem 1.5rem 1.5rem; padding: 0.5rem 1.5rem 1.5rem 1.5rem;
margin: 0 auto; margin: 0 auto;
/*width: 80%;*/ /*width: 80%;*/
border-radius: 25px; border-radius: 25px;
user-select: none; user-select: none;
} }
.wrapper::before{ .wrapper::before{
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
filter: blur(3px); filter: blur(3px);
background-color: var(--bgcolor); background-color: var(--bgcolor);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
z-index: -1; z-index: -1;
} }
.content { .content {
/* width: 58rem; */ /* 瀑布流参数 */
/* 瀑布流参数 */ column-count: 4;
columns: 12rem 4; gap: 1rem;
gap: 1rem; column-gap: normal;
/* column-gap: normal; */ }
} .des{
.des{ /* width: 58rem; */
/* width: 58rem; */ margin-bottom: 1.5rem;
margin-bottom: 1.5rem; background: var(--optcolor);
background: var(--optcolor); box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%); backdrop-filter: blur(var(--blur));
backdrop-filter: blur(var(--blur)); border-radius: 10px;
border-radius: 10px; overflow: hidden;
overflow: hidden;
}
} .des::before{
.des::before{ content: var(--titletext);
content: var(--titletext); position: absolute;
position: absolute; height: 60px;
height: 60px; line-height: 64px;
line-height: 64px; width: 100%;
width: 100%; display: block;
display: block; background: var(--titlecolor);
background: var(--titlecolor); color: white;
color: white; text-align: center;
text-align: center; z-index: -1;
z-index: -1; }
} .des > p:nth-child(1){
.des > p:nth-child(1){ margin-top: 65px;
margin-top: 65px; }
} .des > p{
.des > p{ text-align: left;
text-align: left; margin-left: 1.5rem;
margin-left: 1.5rem; margin-right: 1.5rem;
margin-right: 1.5rem; margin-bottom: 10px;
margin-bottom: 10px; }
} .content > div{
.content > div{ position: relative;
position: relative; margin-bottom: 1rem;
margin-bottom: 1rem; break-inside: avoid;
break-inside: avoid; background: var(--optcolor);
background: var(--optcolor); box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%); backdrop-filter: blur(var(--blur));
backdrop-filter: blur(var(--blur)); border-radius: 10px;
border-radius: 10px; /* border: 1px solid rgba( 255, 255, 255, 0.18 ); */
/* border: 1px solid rgba( 255, 255, 255, 0.18 ); */ border: 2px solid var(--themebordercolor);
border: 2px solid var(--themebordercolor); overflow: hidden;
overflow: hidden; }
} .content > div::before{
.content > div::before{ content: '';
content: ''; position: absolute;
position: absolute; height: 80px;
height: 80px; width: 110%;
width: 110%; display: block;
display: block; /* background: var(--titlecolor); */
/* background: var(--titlecolor); */ background: var(--themebordercolor);
background: var(--themebordercolor); background-image: url(./res/img/texture.png);
background-image: url(./res/img/texture.png); z-index: -1;
z-index: -1; }
}
.content > div > span{
.content > div > span{ margin: 0.8rem 1.2rem;
margin: 0.8rem 1.2rem; display: block;
display: block; height: 80px;
height: 80px; line-height: 80px;
line-height: 80px; padding-left:2rem;
padding-left:2rem; letter-spacing: 1px;
letter-spacing: 1px; /* border: 1px solid #9a9999; */
/* border: 1px solid #9a9999; */ /* border: 1px solid #d6d6d6; */
/* border: 1px solid #d6d6d6; */ border: 2px solid var(--themebordercolor);
border: 2px solid var(--themebordercolor); /* text-shadow: 0px 0px 3px #fff; */
/* text-shadow: 0px 0px 3px #fff; */
text-shadow: 0.5px 0.5px #fff;
text-shadow: 0.5px 0.5px #fff; /* text-shadow: 0.5px 0.5px #cb6346; */
/* text-shadow: 0.5px 0.5px #cb6346; */ border-radius: 50px;
border-radius: 50px; backdrop-filter: blur(var(--blur));
backdrop-filter: blur(var(--blur)); background: var(--itemcolor);
background: var(--itemcolor); white-space: nowrap;
white-space: nowrap; text-overflow: ellipsis;
text-overflow: ellipsis; overflow: hidden;
overflow: hidden; }
} .splic{
.splic{ position: relative;
position: relative; display: inline-block;
display: inline-block; top: 28px;
top: 28px; }
} .splic::before{
.splic::before{ content: '';
content: ''; width: 500px;
width: 500px; top: 0px;
top: 0px; height: 80px;
height: 80px; position: absolute;
position: absolute; border-radius: 100px;
border-radius: 100px; background: var(--pluginbgcolor);
background: var(--pluginbgcolor); transform: translate(-95%, -100%);
transform: translate(-95%, -100%); z-index: -1;
z-index: -1; }
} .content > div > div {
.content > div > div { display: flex;
display: flex; justify-content: center;
justify-content: center; align-items: center;
align-items: center; height:80px
height:80px }
} .content > div > div >span:nth-child(1){
.content > div > div >span:nth-child(1){ color: white;
color: white; font-size: var(--ofsize);
font-size: var(--ofsize); }
} .logo{
.logo{ margin-left: 20px;
margin-left: 20px; display: inline-block;
display: inline-block; height: 100%;
height: 100%; width: 80px;
width: 80px; }
} .logo > img{
.logo > img{ width: 100%;
width: 100%; height: 100%;
height: 100%; }
} .ban{
.ban{ color: var(--bancolor);
color: var(--bancolor); text-shadow: none;
text-shadow: none; }
} del {
del { text-shadow: none;
text-shadow: none; color: var(--stopcolor);
color: var(--stopcolor); }
} .des-right,.content-right{
.des-right,.content-right{ width: 64%;
width: 64%; }
} .des-left{
.des-left{ margin-left: 36%;
margin-left: 36%; }
} .des-mid{
.des-mid{ margin: 0 auto;
margin: 0 auto; }
} .content-left{
.content-left{ margin-left: 36%;
margin-left: 36%; }
} .content-mid{
.content-mid{ margin: 1rem auto;
margin: 1rem auto;
} }
+58 -58
View File
@@ -1,58 +1,58 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="zh-cn">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zhenxun_menu</title> <title>zhenxun_menu</title>
<link rel="stylesheet" href="./res/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="./res/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="zhenxun_menu.css"> <link rel="stylesheet" href="zhenxun_menu.css">
</head> </head>
<body> <body>
<div class="wrapper"> <header></header>
<header></header> <div class="transition"></div>
<div class="transition"></div> <div class="wrapper">
<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>
</main> </main>
<div class="content"> <div class="content">
{% for plugin in plugin_list %} {% for plugin in plugin_list %}
<div style="--themebordercolor:#ddc871;--themebgcolor:#ddc8710a;--pluginbgcolor:#ddc8715c;"> <div style="--themebordercolor:#ddc871;--themebgcolor:#ddc8710a;--pluginbgcolor:#ddc8715c;">
<div> <div>
<span> <span>
<!-- 图标 --> <!-- 图标 -->
<i class="{{plugin.icon}}"></i> <i class="{{plugin.icon}}"></i>
<!-- 插件种类名 --> <!-- 插件种类名 -->
{{plugin.name}} {{plugin.name}}
</span> </span>
<!-- 真寻表情包图片 --> <!-- 真寻表情包图片 -->
<div class="logo"> <div class="logo">
<img src="{{plugin.logo}}" alt=""> <img src="{{plugin.logo}}" alt="">
</div> </div>
</div> </div>
{% for item in plugin['items'] %} {% for item in plugin['items'] %}
{% if item.sta == 0 %} {% if item.sta == 0 %}
<span> <span>
{{item.plugin_name}} {{item.plugin_name}}
<div class="splic"></div> <div class="splic"></div>
</span> </span>
{% elif item.sta == 1 %} {% elif item.sta == 1 %}
<span> <span>
<del>{{item.plugin_name}}</del> <del>{{item.plugin_name}}</del>
<div class="splic"></div> <div class="splic"></div>
</span> </span>
{% else %} {% else %}
<span class="ban"> <span class="ban">
{{item.plugin_name}} {{item.plugin_name}}
<div class="splic"></div> <div class="splic"></div>
</span> </span>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</body> </body>
<script type="text/javascript" src="zhenxun_menu.js"></script> <script type="text/javascript" src="zhenxun_menu.js"></script>
</html> </html>
+98 -84
View File
@@ -1,84 +1,98 @@
let color = { let color = {
"color":[ "color":[
"#eea2a4", "#eea2a4",
"#621d34", "#621d34",
"#e0c8d1", "#e0c8d1",
"#8b2671", "#8b2671",
"#142334", "#142334",
"#2b73af", "#2b73af",
"#93b5cf", "#93b5cf",
"#2474b5", "#2474b5",
"#baccd9", "#baccd9",
"#1781b5", "#1781b5",
"#5cb3cc", "#5cb3cc",
"#57c3c2", "#57c3c2",
"#1ba784", "#1ba784",
"#92b3a5", "#92b3a5",
"#2bae85", "#2bae85",
"#83cbac", "#83cbac",
"#41ae3c", "#41ae3c",
"#d0deaa", "#d0deaa",
"#d2b42c", "#d2b42c",
"#d2b116", "#d2b116",
"#f8df72", "#f8df72",
"#645822", "#645822",
"#ddc871", "#ddc871",
"#f9d770", "#f9d770",
"#d9a40e", "#d9a40e",
"#b78b26", "#b78b26",
"#5d3d21", "#5d3d21",
"#f8b37f", "#f8b37f",
"#945833", "#945833",
"#e8b49a", "#e8b49a",
"#a6522c", "#a6522c",
"#8b614d", "#8b614d",
"#f68c60", "#f68c60",
"#f6cec1", "#f6cec1",
"#eeaa9c", "#eeaa9c",
"#862617", "#862617",
"#f2b9b2", "#f2b9b2",
"#f1908c" "#f1908c"
] ]
}; };
let colorlist = color.color; let colorlist = color.color;
let logoArr = Array.from(Array(24), (v,k) =>k+1); 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;
for(let i = 0 ;i < childDom.length ;i++){
// 随机取颜色 //瀑布流列数统计
let index = Math.floor((Math.random()*colorlist.length)); let columnCount = 0;
let themecolor = colorlist[index]; //首列为最长列的情况下,作为被除数
colorlist.splice(index, 1); let firstColumnNum = childDom[0].childElementCount;
let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`;
childDom[i].setAttribute('style',colorStr);
//固定图标
let iconDom = childDom[i].querySelector("i"); for(let i = 0 ;i < childDom.length ;i++){
let plugin_type = childDom[i].querySelector("span").textContent; // 随机取颜色
let index = Math.floor((Math.random()*colorlist.length));
if(plugin_type == "功能")iconDom.classList.add("fa-cog"); let themecolor = colorlist[index];
else if (plugin_type == "原神相关")iconDom.classList.add("fa-circle-o"); colorlist.splice(index, 1);
else if (plugin_type == "联系管理员")iconDom.classList.add("fa-envelope-o"); let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`;
else if (plugin_type == "常规插件")iconDom.classList.add("fa-cubes"); childDom[i].setAttribute('style',colorStr);
else if (plugin_type == "抽卡相关")iconDom.classList.add("fa-credit-card-alt"); //固定图标
else if (plugin_type == "来点好康的")iconDom.classList.add("fa-picture-o"); let iconDom = childDom[i].querySelector("i");
else if (plugin_type == "数据统计")iconDom.classList.add("fa-bar-chart"); let plugin_type = childDom[i].querySelector("span").textContent;
else if (plugin_type == "一些工具")iconDom.classList.add("fa-scissors");
else if (plugin_type == "商店")iconDom.classList.add("fa-shopping-cart"); if(plugin_type == "功能")iconDom.classList.add("fa-cog");
else if (plugin_type == "其它")iconDom.classList.add("fa-tags"); else if (plugin_type == "原神相关")iconDom.classList.add("fa-circle-o");
else if (plugin_type == "群内小游戏")iconDom.classList.add("fa-gamepad"); else if (plugin_type == "联系管理员")iconDom.classList.add("fa-envelope-o");
else iconDom.classList.add("fa-pencil-square-o"); else if (plugin_type == "常规插件")iconDom.classList.add("fa-cubes");
else if (plugin_type == "抽卡相关")iconDom.classList.add("fa-credit-card-alt");
//添加真寻元素 else if (plugin_type == "来点好康的")iconDom.classList.add("fa-picture-o");
let imgDom = childDom[i].querySelector("img"); else if (plugin_type == "数据统计")iconDom.classList.add("fa-bar-chart");
let logoIndex = Math.floor((Math.random()*logoArr.length)); else if (plugin_type == "一些工具")iconDom.classList.add("fa-scissors");
let logoUrl = `./res/logo/${logoArr[logoIndex]}.png`; else if (plugin_type == "商店")iconDom.classList.add("fa-shopping-cart");
logoArr.splice(logoIndex, 1); else if (plugin_type == "其它")iconDom.classList.add("fa-tags");
imgDom.src=logoUrl; else if (plugin_type == "群内小游戏")iconDom.classList.add("fa-gamepad");
else iconDom.classList.add("fa-pencil-square-o");
}
//添加真寻元素
let imgDom = childDom[i].querySelector("img");
let logoIndex = Math.floor((Math.random()*logoArr.length));
let logoUrl = `./res/logo/${logoArr[logoIndex]}.png`;
logoArr.splice(logoIndex, 1);
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>