Add files via upload

This commit is contained in:
HibiKier 2022-12-12 22:55:15 +08:00 committed by GitHub
parent 93deb2b1be
commit b9d08855d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 806 additions and 806 deletions

View File

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

View File

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

View File

@ -1,244 +1,244 @@
: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 {
/* 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;
}

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>
<!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>

View File

@ -1,84 +1,84 @@
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;
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;
}