更新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/
.env
.env.dev
resources/
!/configs/config.py
!/configs/config.yaml
!/.env
!/.env.dev
!/plugins/csgo_server/
!/plugins/activity/
/resources/text/
/resources/image/
!/resources/template/
configs/config.py
configs/config.yaml
./.env
./.env.dev
plugins/csgo_server/
plugins/activity/
+242 -243
View File
@@ -1,244 +1,243 @@
:root{
/* 整图背景颜色 (#bfd5ea) */
--bgcolor:#FFC8A8;
/* 停用颜色 */
--bancolor:#b5b2b2;
/* 禁用颜色 */
--stopcolor:red;
/* 背景图高斯模糊 */
--bgblur:6px;
/* 插件框高斯模糊 */
--blur:4px;
/* 插件背景色 */
--itemcolor:hsla(0,0%,100%,.38);
/* 标题背景色 */
--titlecolor:#8b2671;
/* 标题正文 */
--titletext:"功能总列表";
/* 功能项背景色 */
--optcolor:rgba( 255, 255, 255, 0.25 );
/* 默认字体大小 */
--mfsize:40px;
/* 功能项标题字体大小 */
--ofsize:48px;
/* 主题背景颜色 */
--themebgcolor:#FE96000a;
/* 插件背景颜色 */
--pluginbgcolor:#FE9600;
/* 主题边框颜色 */
--themebordercolor:#FE9600;
/* 备选颜色 */
--testcolor:#FE9600;
/* 偶数列倾斜角 */
--cdeg:20deg
}
i{
margin-right: 5px;
}
.content > div{
background-color: var(--themebgcolor) !important;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: myFont;
/* 导入的字体文件 */
src: url("./res/font/CJGaoDeGuo.otf");
}
body{
font-family:'myFont';
font-size:var(--mfsize);
}
header{
position: relative;
width: 100%;
height: 100vh;
background-size: cover;
background-image: url(./res/img/bg3.jpg);
background-position-y: -55px;
}
header::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
filter: blur(5px);
}
.transition{
width: 100%;
height: 10vh;
filter: blur(3px);
transform: translateY(-10px) scaleY(1.5);
background-image: linear-gradient(to top, #ffc8a8 0%, rgb(255 255 255 / 99%) 100%);
}
.wrapper{
position: relative;
padding: 0.5rem 1.5rem 1.5rem 1.5rem;
margin: 0 auto;
/*width: 80%;*/
border-radius: 25px;
user-select: none;
}
.wrapper::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(3px);
background-color: var(--bgcolor);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.content {
/* width: 58rem; */
/* 瀑布流参数 */
columns: 12rem 4;
gap: 1rem;
/* column-gap: normal; */
}
.des{
/* width: 58rem; */
margin-bottom: 1.5rem;
background: var(--optcolor);
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur(var(--blur));
border-radius: 10px;
overflow: hidden;
}
.des::before{
content: var(--titletext);
position: absolute;
height: 60px;
line-height: 64px;
width: 100%;
display: block;
background: var(--titlecolor);
color: white;
text-align: center;
z-index: -1;
}
.des > p:nth-child(1){
margin-top: 65px;
}
.des > p{
text-align: left;
margin-left: 1.5rem;
margin-right: 1.5rem;
margin-bottom: 10px;
}
.content > div{
position: relative;
margin-bottom: 1rem;
break-inside: avoid;
background: var(--optcolor);
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur(var(--blur));
border-radius: 10px;
/* border: 1px solid rgba( 255, 255, 255, 0.18 ); */
border: 2px solid var(--themebordercolor);
overflow: hidden;
}
.content > div::before{
content: '';
position: absolute;
height: 80px;
width: 110%;
display: block;
/* background: var(--titlecolor); */
background: var(--themebordercolor);
background-image: url(./res/img/texture.png);
z-index: -1;
}
.content > div > span{
margin: 0.8rem 1.2rem;
display: block;
height: 80px;
line-height: 80px;
padding-left:2rem;
letter-spacing: 1px;
/* border: 1px solid #9a9999; */
/* border: 1px solid #d6d6d6; */
border: 2px solid var(--themebordercolor);
/* text-shadow: 0px 0px 3px #fff; */
text-shadow: 0.5px 0.5px #fff;
/* text-shadow: 0.5px 0.5px #cb6346; */
border-radius: 50px;
backdrop-filter: blur(var(--blur));
background: var(--itemcolor);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.splic{
position: relative;
display: inline-block;
top: 28px;
}
.splic::before{
content: '';
width: 500px;
top: 0px;
height: 80px;
position: absolute;
border-radius: 100px;
background: var(--pluginbgcolor);
transform: translate(-95%, -100%);
z-index: -1;
}
.content > div > div {
display: flex;
justify-content: center;
align-items: center;
height:80px
}
.content > div > div >span:nth-child(1){
color: white;
font-size: var(--ofsize);
}
.logo{
margin-left: 20px;
display: inline-block;
height: 100%;
width: 80px;
}
.logo > img{
width: 100%;
height: 100%;
}
.ban{
color: var(--bancolor);
text-shadow: none;
}
del {
text-shadow: none;
color: var(--stopcolor);
}
.des-right,.content-right{
width: 64%;
}
.des-left{
margin-left: 36%;
}
.des-mid{
margin: 0 auto;
}
.content-left{
margin-left: 36%;
}
.content-mid{
margin: 1rem auto;
:root{
/* 整图背景颜色 (#bfd5ea) */
--bgcolor:#FFC8A8;
/* 停用颜色 */
--bancolor:#b5b2b2;
/* 禁用颜色 */
--stopcolor:red;
/* 背景图高斯模糊 */
--bgblur:6px;
/* 插件框高斯模糊 */
--blur:4px;
/* 插件背景色 */
--itemcolor:hsla(0,0%,100%,.38);
/* 标题背景色 */
--titlecolor:#8b2671;
/* 标题正文 */
--titletext:"真寻的功能捏~";
/* 功能项背景色 */
--optcolor:rgba( 255, 255, 255, 0.25 );
/* 默认字体大小 */
--mfsize:40px;
/* 功能项标题字体大小 */
--ofsize:48px;
/* 主题背景颜色 */
--themebgcolor:#FE96000a;
/* 插件背景颜色 */
--pluginbgcolor:#FE9600;
/* 主题边框颜色 */
--themebordercolor:#FE9600;
/* 备选颜色 */
--testcolor:#FE9600;
/* 偶数列倾斜角 */
--cdeg:20deg
}
i{
margin-right: 5px;
}
.content > div{
background-color: var(--themebgcolor) !important;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: myFont;
/* 导入的字体文件 */
src: url("./res/font/CJGaoDeGuo.otf");
}
body{
font-family:'myFont';
font-size:var(--mfsize);
}
header{
position: relative;
width: 100%;
height: 100vh;
background-size: cover;
background-image: url(./res/img/bg3.jpg);
background-position-y: -55px;
}
header::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5vh;
filter: blur(5px);
}
.transition{
width: 100%;
height: 10vh;
filter: blur(3px);
transform: translateY(-10px) scaleY(1.5);
background-image: linear-gradient(to top, #ffc8a8 0%, rgb(255 255 255 / 99%) 100%);
}
.wrapper{
position: relative;
padding: 0.5rem 1.5rem 1.5rem 1.5rem;
margin: 0 auto;
/*width: 80%;*/
border-radius: 25px;
user-select: none;
}
.wrapper::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(3px);
background-color: var(--bgcolor);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.content {
/* 瀑布流参数 */
column-count: 4;
gap: 1rem;
column-gap: normal;
}
.des{
/* width: 58rem; */
margin-bottom: 1.5rem;
background: var(--optcolor);
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur(var(--blur));
border-radius: 10px;
overflow: hidden;
}
.des::before{
content: var(--titletext);
position: absolute;
height: 60px;
line-height: 64px;
width: 100%;
display: block;
background: var(--titlecolor);
color: white;
text-align: center;
z-index: -1;
}
.des > p:nth-child(1){
margin-top: 65px;
}
.des > p{
text-align: left;
margin-left: 1.5rem;
margin-right: 1.5rem;
margin-bottom: 10px;
}
.content > div{
position: relative;
margin-bottom: 1rem;
break-inside: avoid;
background: var(--optcolor);
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur(var(--blur));
border-radius: 10px;
/* border: 1px solid rgba( 255, 255, 255, 0.18 ); */
border: 2px solid var(--themebordercolor);
overflow: hidden;
}
.content > div::before{
content: '';
position: absolute;
height: 80px;
width: 110%;
display: block;
/* background: var(--titlecolor); */
background: var(--themebordercolor);
background-image: url(./res/img/texture.png);
z-index: -1;
}
.content > div > span{
margin: 0.8rem 1.2rem;
display: block;
height: 80px;
line-height: 80px;
padding-left:2rem;
letter-spacing: 1px;
/* border: 1px solid #9a9999; */
/* border: 1px solid #d6d6d6; */
border: 2px solid var(--themebordercolor);
/* text-shadow: 0px 0px 3px #fff; */
text-shadow: 0.5px 0.5px #fff;
/* text-shadow: 0.5px 0.5px #cb6346; */
border-radius: 50px;
backdrop-filter: blur(var(--blur));
background: var(--itemcolor);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.splic{
position: relative;
display: inline-block;
top: 28px;
}
.splic::before{
content: '';
width: 500px;
top: 0px;
height: 80px;
position: absolute;
border-radius: 100px;
background: var(--pluginbgcolor);
transform: translate(-95%, -100%);
z-index: -1;
}
.content > div > div {
display: flex;
justify-content: center;
align-items: center;
height:80px
}
.content > div > div >span:nth-child(1){
color: white;
font-size: var(--ofsize);
}
.logo{
margin-left: 20px;
display: inline-block;
height: 100%;
width: 80px;
}
.logo > img{
width: 100%;
height: 100%;
}
.ban{
color: var(--bancolor);
text-shadow: none;
}
del {
text-shadow: none;
color: var(--stopcolor);
}
.des-right,.content-right{
width: 64%;
}
.des-left{
margin-left: 36%;
}
.des-mid{
margin: 0 auto;
}
.content-left{
margin-left: 36%;
}
.content-mid{
margin: 1rem auto;
}
+58 -58
View File
@@ -1,58 +1,58 @@
<!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="./res/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="zhenxun_menu.css">
</head>
<body>
<div class="wrapper">
<header></header>
<div class="transition"></div>
<main class="des">
<p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。&nbsp;&nbsp;&nbsp;或者使用 ‘详细帮助’ 来获取所有功能方法。</p>
<p style="color:red;">注:横线字功能被群管理员禁用,浅色字代表功能正在维护&nbsp;&nbsp;&nbsp;&nbsp;真寻机器人免费开源,如果你在任何渠道付费购买了真寻机器人,请退款。</p>
</main>
<div class="content">
{% for plugin in plugin_list %}
<div style="--themebordercolor:#ddc871;--themebgcolor:#ddc8710a;--pluginbgcolor:#ddc8715c;">
<div>
<span>
<!-- 图标 -->
<i class="{{plugin.icon}}"></i>
<!-- 插件种类名 -->
{{plugin.name}}
</span>
<!-- 真寻表情包图片 -->
<div class="logo">
<img src="{{plugin.logo}}" alt="">
</div>
</div>
{% for item in plugin['items'] %}
{% if item.sta == 0 %}
<span>
{{item.plugin_name}}
<div class="splic"></div>
</span>
{% elif item.sta == 1 %}
<span>
<del>{{item.plugin_name}}</del>
<div class="splic"></div>
</span>
{% else %}
<span class="ban">
{{item.plugin_name}}
<div class="splic"></div>
</span>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</body>
<script type="text/javascript" src="zhenxun_menu.js"></script>
</html>
<!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="./res/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="zhenxun_menu.css">
</head>
<body>
<header></header>
<div class="transition"></div>
<div class="wrapper">
<main class="des">
<p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。&nbsp;&nbsp;&nbsp;或者使用 ‘详细帮助’ 来获取所有功能方法。</p>
<p style="color:red;">注:横线字功能被群管理员禁用,浅色字代表功能正在维护&nbsp;&nbsp;&nbsp;&nbsp;真寻机器人免费开源,如果你在任何渠道付费购买了真寻机器人,请退款。</p>
</main>
<div class="content">
{% for plugin in plugin_list %}
<div style="--themebordercolor:#ddc871;--themebgcolor:#ddc8710a;--pluginbgcolor:#ddc8715c;">
<div>
<span>
<!-- 图标 -->
<i class="{{plugin.icon}}"></i>
<!-- 插件种类名 -->
{{plugin.name}}
</span>
<!-- 真寻表情包图片 -->
<div class="logo">
<img src="{{plugin.logo}}" alt="">
</div>
</div>
{% for item in plugin['items'] %}
{% if item.sta == 0 %}
<span>
{{item.plugin_name}}
<div class="splic"></div>
</span>
{% elif item.sta == 1 %}
<span>
<del>{{item.plugin_name}}</del>
<div class="splic"></div>
</span>
{% else %}
<span class="ban">
{{item.plugin_name}}
<div class="splic"></div>
</span>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</body>
<script type="text/javascript" src="zhenxun_menu.js"></script>
</html>
+98 -84
View File
@@ -1,84 +1,98 @@
let color = {
"color":[
"#eea2a4",
"#621d34",
"#e0c8d1",
"#8b2671",
"#142334",
"#2b73af",
"#93b5cf",
"#2474b5",
"#baccd9",
"#1781b5",
"#5cb3cc",
"#57c3c2",
"#1ba784",
"#92b3a5",
"#2bae85",
"#83cbac",
"#41ae3c",
"#d0deaa",
"#d2b42c",
"#d2b116",
"#f8df72",
"#645822",
"#ddc871",
"#f9d770",
"#d9a40e",
"#b78b26",
"#5d3d21",
"#f8b37f",
"#945833",
"#e8b49a",
"#a6522c",
"#8b614d",
"#f68c60",
"#f6cec1",
"#eeaa9c",
"#862617",
"#f2b9b2",
"#f1908c"
]
};
let colorlist = color.color;
let logoArr = Array.from(Array(24), (v,k) =>k+1);
let fatherDom = document.querySelector(".content");
let childDom = fatherDom.children;
for(let i = 0 ;i < childDom.length ;i++){
// 随机取颜色
let index = Math.floor((Math.random()*colorlist.length));
let themecolor = colorlist[index];
colorlist.splice(index, 1);
let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`;
childDom[i].setAttribute('style',colorStr);
//固定图标
let iconDom = childDom[i].querySelector("i");
let plugin_type = childDom[i].querySelector("span").textContent;
if(plugin_type == "功能")iconDom.classList.add("fa-cog");
else if (plugin_type == "原神相关")iconDom.classList.add("fa-circle-o");
else if (plugin_type == "联系管理员")iconDom.classList.add("fa-envelope-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");
else if (plugin_type == "数据统计")iconDom.classList.add("fa-bar-chart");
else if (plugin_type == "一些工具")iconDom.classList.add("fa-scissors");
else if (plugin_type == "商店")iconDom.classList.add("fa-shopping-cart");
else if (plugin_type == "其它")iconDom.classList.add("fa-tags");
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;
}
let color = {
"color":[
"#eea2a4",
"#621d34",
"#e0c8d1",
"#8b2671",
"#142334",
"#2b73af",
"#93b5cf",
"#2474b5",
"#baccd9",
"#1781b5",
"#5cb3cc",
"#57c3c2",
"#1ba784",
"#92b3a5",
"#2bae85",
"#83cbac",
"#41ae3c",
"#d0deaa",
"#d2b42c",
"#d2b116",
"#f8df72",
"#645822",
"#ddc871",
"#f9d770",
"#d9a40e",
"#b78b26",
"#5d3d21",
"#f8b37f",
"#945833",
"#e8b49a",
"#a6522c",
"#8b614d",
"#f68c60",
"#f6cec1",
"#eeaa9c",
"#862617",
"#f2b9b2",
"#f1908c"
]
};
let colorlist = color.color;
let logoArr = Array.from(Array(24), (v,k) =>k+1);
let fatherDom = document.querySelector(".content");
let childDom = fatherDom.children;
//瀑布流列数统计
let columnCount = 0;
//首列为最长列的情况下,作为被除数
let firstColumnNum = childDom[0].childElementCount;
for(let i = 0 ;i < childDom.length ;i++){
// 随机取颜色
let index = Math.floor((Math.random()*colorlist.length));
let themecolor = colorlist[index];
colorlist.splice(index, 1);
let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`;
childDom[i].setAttribute('style',colorStr);
//固定图标
let iconDom = childDom[i].querySelector("i");
let plugin_type = childDom[i].querySelector("span").textContent;
if(plugin_type == "功能")iconDom.classList.add("fa-cog");
else if (plugin_type == "原神相关")iconDom.classList.add("fa-circle-o");
else if (plugin_type == "联系管理员")iconDom.classList.add("fa-envelope-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");
else if (plugin_type == "数据统计")iconDom.classList.add("fa-bar-chart");
else if (plugin_type == "一些工具")iconDom.classList.add("fa-scissors");
else if (plugin_type == "商店")iconDom.classList.add("fa-shopping-cart");
else if (plugin_type == "其它")iconDom.classList.add("fa-tags");
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>