Merge remote-tracking branch 'origin/main'

This commit is contained in:
HibiKier 2022-12-15 18:14:39 +08:00
commit 181717001a
5 changed files with 807 additions and 807 deletions

View File

@ -1,42 +1,42 @@
{ {
"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"
] ]
} }

View File

@ -1,381 +1,381 @@
{ {
"data": "data":
[ [
{ {
"plugin_type":"功能", "plugin_type":"功能",
"items":[ "items":[
{ {
"plugin_name":"AI", "plugin_name":"AI",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"B站订阅", "plugin_name":"B站订阅",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"apex查询", "plugin_name":"apex查询",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"coser", "plugin_name":"coser",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"epic免费游戏", "plugin_name":"epic免费游戏",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"pid搜索", "plugin_name":"pid搜索",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"roll", "plugin_name":"roll",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"一言二次元语录", "plugin_name":"一言二次元语录",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"个人信息权限查看", "plugin_name":"个人信息权限查看",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"古诗", "plugin_name":"古诗",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"吃饭小助手", "plugin_name":"吃饭小助手",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"微博热搜", "plugin_name":"微博热搜",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"我有一个朋友", "plugin_name":"我有一个朋友",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"昵称系统", "plugin_name":"昵称系统",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"更新信息", "plugin_name":"更新信息",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"构造分享信息", "plugin_name":"构造分享信息",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"查看pix图库", "plugin_name":"查看pix图库",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"查看群欢迎消息", "plugin_name":"查看群欢迎消息",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"磁力搜索", "plugin_name":"磁力搜索",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"签到", "plugin_name":"签到",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"网易云热评", "plugin_name":"网易云热评",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"能不能好好说话", "plugin_name":"能不能好好说话",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"金币红包", "plugin_name":"金币红包",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"骂我", "plugin_name":"骂我",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"鲁迅说", "plugin_name":"鲁迅说",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"鸡汤", "plugin_name":"鸡汤",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"黑白草图", "plugin_name":"黑白草图",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"原神相关", "plugin_type":"原神相关",
"items":[ "items":[
{ {
"plugin_name":"原神今日素材", "plugin_name":"原神今日素材",
"plugin_sta":"1" "plugin_sta":"1"
}, },
{ {
"plugin_name":"原神便笺查询", "plugin_name":"原神便笺查询",
"plugin_sta":"1" "plugin_sta":"1"
}, },
{ {
"plugin_name":"原神树脂提醒", "plugin_name":"原神树脂提醒",
"plugin_sta":"1" "plugin_sta":"1"
}, },
{ {
"plugin_name":"原神玩家查询", "plugin_name":"原神玩家查询",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"原神绑定", "plugin_name":"原神绑定",
"plugin_sta":"1" "plugin_sta":"1"
}, },
{ {
"plugin_name":"原神老黄历", "plugin_name":"原神老黄历",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"原神自动签到", "plugin_name":"原神自动签到",
"plugin_sta":"1" "plugin_sta":"1"
}, },
{ {
"plugin_name":"原神资源查询", "plugin_name":"原神资源查询",
"plugin_sta":"1" "plugin_sta":"1"
} }
] ]
}, },
{ {
"plugin_type":"联系管理员", "plugin_type":"联系管理员",
"items":[ "items":[
{ {
"plugin_name":"联系管理员", "plugin_name":"联系管理员",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"功能", "plugin_type":"功能",
"items":[ "items":[
{ {
"plugin_name":"每日发癫", "plugin_name":"每日发癫",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"常规插件", "plugin_type":"常规插件",
"items":[ "items":[
{ {
"plugin_name":"消息防撤回", "plugin_name":"消息防撤回",
"plugin_sta":"2" "plugin_sta":"2"
} }
] ]
}, },
{ {
"plugin_type":"抽卡相关", "plugin_type":"抽卡相关",
"items":[ "items":[
{ {
"plugin_name":"开箱", "plugin_name":"开箱",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"来点好康的", "plugin_type":"来点好康的",
"items":[ "items":[
{ {
"plugin_name":"PIX", "plugin_name":"PIX",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"P站排行/搜图", "plugin_name":"P站排行/搜图",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"本地图库", "plugin_name":"本地图库",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"色图", "plugin_name":"色图",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"数据统计", "plugin_type":"数据统计",
"items":[ "items":[
{ {
"plugin_name":"功能调用统计可视化", "plugin_name":"功能调用统计可视化",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"消息统计", "plugin_name":"消息统计",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"一些工具", "plugin_type":"一些工具",
"items":[ "items":[
{ {
"plugin_name":"BUFF查询皮肤", "plugin_name":"BUFF查询皮肤",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"b封面", "plugin_name":"b封面",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"各种图片简易操作", "plugin_name":"各种图片简易操作",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"天气查询", "plugin_name":"天气查询",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"小人举牌", "plugin_name":"小人举牌",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"搜番", "plugin_name":"搜番",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"来个猫猫", "plugin_name":"来个猫猫",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"点歌", "plugin_name":"点歌",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"疫情查询", "plugin_name":"疫情查询",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"翻译", "plugin_name":"翻译",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"识图", "plugin_name":"识图",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"识番", "plugin_name":"识番",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"商店", "plugin_type":"商店",
"items":[ "items":[
{ {
"plugin_name":"商店", "plugin_name":"商店",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"商店 —— 使用道具", "plugin_name":"商店 —— 使用道具",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"商店 —— 我的道具", "plugin_name":"商店 —— 我的道具",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"商店 —— 我的金币", "plugin_name":"商店 —— 我的金币",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"商店 —— 购买道具", "plugin_name":"商店 —— 购买道具",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"其它", "plugin_type":"其它",
"items":[ "items":[
{ {
"plugin_name":"关于", "plugin_name":"关于",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"复读", "plugin_name":"复读",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"戳一戳", "plugin_name":"戳一戳",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"敏感词检测", "plugin_name":"敏感词检测",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
}, },
{ {
"plugin_type":"群内小游戏", "plugin_type":"群内小游戏",
"items":[ "items":[
{ {
"plugin_name":"21点", "plugin_name":"21点",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"cp小故事", "plugin_name":"cp小故事",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"logo制作", "plugin_name":"logo制作",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"乞讨福利金", "plugin_name":"乞讨福利金",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"人生重开 —— lifeRestart", "plugin_name":"人生重开 —— lifeRestart",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"俄罗斯轮盘", "plugin_name":"俄罗斯轮盘",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"刮刮乐", "plugin_name":"刮刮乐",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"头像表情包", "plugin_name":"头像表情包",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"打劫", "plugin_name":"打劫",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"猜单词", "plugin_name":"猜单词",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"猜成语", "plugin_name":"猜成语",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"表情包制作", "plugin_name":"表情包制作",
"plugin_sta":"0" "plugin_sta":"0"
}, },
{ {
"plugin_name":"银行", "plugin_name":"银行",
"plugin_sta":"0" "plugin_sta":"0"
} }
] ]
} }
] ]
} }

View File

@ -1,244 +1,244 @@
: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; */ /* width: 58rem; */
/* 瀑布流参数 */ /* 瀑布流参数 */
columns: 12rem 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;
} }

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"> <div class="wrapper">
<header></header> <header></header>
<div class="transition"></div> <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>
</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>

View File

@ -1,84 +1,84 @@
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++){ for(let i = 0 ;i < childDom.length ;i++){
// 随机取颜色 // 随机取颜色
let index = Math.floor((Math.random()*colorlist.length)); let index = Math.floor((Math.random()*colorlist.length));
let themecolor = colorlist[index]; let themecolor = colorlist[index];
colorlist.splice(index, 1); colorlist.splice(index, 1);
let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`; let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`;
childDom[i].setAttribute('style',colorStr); childDom[i].setAttribute('style',colorStr);
//固定图标 //固定图标
let iconDom = childDom[i].querySelector("i"); let iconDom = childDom[i].querySelector("i");
let plugin_type = childDom[i].querySelector("span").textContent; let plugin_type = childDom[i].querySelector("span").textContent;
if(plugin_type == "功能")iconDom.classList.add("fa-cog"); 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-circle-o");
else if (plugin_type == "联系管理员")iconDom.classList.add("fa-envelope-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-cubes");
else if (plugin_type == "抽卡相关")iconDom.classList.add("fa-credit-card-alt"); 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-picture-o");
else if (plugin_type == "数据统计")iconDom.classList.add("fa-bar-chart"); 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-scissors");
else if (plugin_type == "商店")iconDom.classList.add("fa-shopping-cart"); 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-tags");
else if (plugin_type == "群内小游戏")iconDom.classList.add("fa-gamepad"); else if (plugin_type == "群内小游戏")iconDom.classList.add("fa-gamepad");
else iconDom.classList.add("fa-pencil-square-o"); else iconDom.classList.add("fa-pencil-square-o");
//添加真寻元素 //添加真寻元素
let imgDom = childDom[i].querySelector("img"); let imgDom = childDom[i].querySelector("img");
let logoIndex = Math.floor((Math.random()*logoArr.length)); let logoIndex = Math.floor((Math.random()*logoArr.length));
let logoUrl = `./res/logo/${logoArr[logoIndex]}.png`; let logoUrl = `./res/logo/${logoArr[logoIndex]}.png`;
logoArr.splice(logoIndex, 1); logoArr.splice(logoIndex, 1);
imgDom.src=logoUrl; imgDom.src=logoUrl;
} }