Diuse/zhenxun_bot
1
0
Fork 0
mirror of https://github.com/zhenxun-org/zhenxun_bot.git synced 2026-10-05 11:49:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ 新版帮助ui

Browse Source
This commit is contained in:
HibiKier
2024-08-28 19:08:22 +08:00
parent 756ad3dfaf
commit e10fee74b3
15 changed files with 452 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/template/sign/main.css
+1 -1
View File
@@ -280,6 +280,6 @@ body {
font-size: 20px;
top: 350px;
left: 250px;
font-family: 'yshsFont';
font-family: 'rxxxtFont';
width: 210px;
}
resources/template/ss_menu/main.css
+142
View File
@@ -0,0 +1,142 @@
@font-face {
font-family: fzrzFont;
/* 导入的字体文件 */
src: url("./res/font/fzrzExtraBold.ttf");
}
@font-face {
font-family: syhtFont;
/* 导入的字体文件 */
src: url("./res/font/syht.otf");
}
@font-face {
font-family: systFont;
/* 导入的字体文件 */
src: url("./res/font/syst.otf");
}
body {
position: absolute;
left: -8px;
top: -8px;
}
.wrapper{
/* height: 1321px; */
width: 637px;
background-image: url('res/img/bk.jpg');
background-size: cover;
position: relative;
font-family: 'cr105Font';
display: flex;
justify-content: center;
align-items: center;
padding: 25px 0;
}
.zx-img {
position: absolute;
width: 222px;
bottom: 0;
right: 3px;
z-index: 0;
}
.avatar {
height: 73px;
width: 73px;
border-radius: 50%;
position: absolute;
top: 153px;
left: 40px;
border: #F3868C 1px solid;
}
.avatar-img {
height: 73px;
width: 73px;
border-radius: 50%;
}
.main {
background-image: url('res/img/main.png');
background-size: 100% 100%;
/* background-size: cover; */
height: auto;
width: 595px;
position: relative;
}
.head-text {
font-size: 53px;
font-family: 'fzrzFont';
margin-left: 40px;
/* color: #F67186; */
background: linear-gradient(to right, #F67186, #F7889C);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.help-text {
font-size: 19px;
font-family: 'systFont';
margin-left: 40px;
/* color: #F67186; */
background: linear-gradient(to right, #F67186, #F7889C);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
position: absolute;
top: 118px;
left: -5px;
}
.menu-list {
width: 593px;
height: calc(100% - 230px);
/* background-color: blanchedalmond; */
/* margin-left: 35px; */
margin-top: 35px;
/* float: left; */
display: flex; /* 使用flex布局 */
flex-wrap: wrap;
}
.main-menu {
/* width: 100%; */
z-index: 1;
}
.title {
height: 45px;
width: 225px;
background-image: url('res/img/title.png');
background-size: cover;
background-repeat: no-repeat;
/* background: linear-gradient(to right, #F67186, #F7889C); */
font-family: 'fzrzFont';
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 30px;
border-radius: 16px;
letter-spacing:4px;
margin: 0 auto;
}
.plugin-list {
display: flex;
/* justify-content: center; */
/* align-items: center; */
font-family: 'syhtFont';
font-size: 25px;
z-index: 1;
}
resources/template/ss_menu/main.html
+179
View File
@@ -0,0 +1,179 @@
</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>test</title>
<!-- <link rel="stylesheet" href="./res/font-awesome/css/font-awesome.min.css"> -->
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="wrapper">
<div class="main">
<div style="margin-top: 30px;"></div>
<div class="head-text">真寻BOT的使用方法</div>
<div class="help-text">可以通过'帮助[功能名称或功能ID]'来获取对应功能的使用方法</div>
<div class="avatar">
<img class="avatar-img" src="{{data.ava}}" alt="">
</div>
<div class="menu-list">
{% for plugin in data['plugin_list'] %}
<div class='main-menu' style="width: {{ plugin.width }}%;">
<div class="title">{{plugin.name}}</div>
<div class=plugin-list>
{% for item_list in plugin['items'] %}
<ul style="margin-left: {{ item_list[0] }}px; margin-top: 23px; width: {{item_list[1]}}%;">
{% for item in item_list[2] %}
<li>{{item.plugin_name}}</li>
{% endfor %}
</ul>
{% endfor %}
</div>
</div>
{% endfor %}
<img src="./res/img/3.png" class="zx-img" />
</div>
<!-- <div class="menu-list">
<div class='main-menu' style="width: 100%;">
<div class="title">帮助</div>
<div class=plugin-list style="width: 100%;">
<ul style="margin-left: 30px;margin-top: 10px; width: 50%;">
<li>47-签到</li>
<li>43-鸡汤</li>
<li>81鲁迅说</li>
<li>69-磁力搜索</li>
<li>36-roll</li>
<li>77-钉宫骂我</li>
<li>68-网易云热评</li>
<li>44-pid搜索</li>
<li>56-我有一个朋友</li>
<li>42-敏感词文本监听</li>
<li>63-能不能好好说话</li>
</ul>
<ul style="margin-left: 0px;margin-top: 10px; width: 50%;">
<li>62-AI</li>
<li>5-古诗</li>
<li>10-词云</li>
<li>45-词库问答</li>
<li>12-微博热搜</li>
<li>45-金币红包</li>
<li>64-PIX添加</li>
<li>23-coser</li>
<li>42-B站视频解析</li>
<li>43-查看pix图库</li>
<li>55-一言二次元语录</li>
<li>55-epic免费游戏</li>
</ul>
</div>
</div>
<div class='main-menu' style="width: 50%;">
<div class="title">抽卡相关</div>
<div class=plugin-list>
<ul style="margin-left: 30px;margin-top: 10px; width: 50%;">
<li>111-游戏抽卡</li>
<li>44-CSGO开箱</li>
</ul>
</div>
</div>
<div class='main-menu' style="width: 50%;">
<div class="title">帮助2</div>
<div class=plugin-list>
<ul style="margin-left: 15px;margin-top: 10px; width: 50%;">
<li>53-识图</li>
<li>55-识番</li>
<li>13-翻译</li>
<li>55-搜番</li>
<li>22-b封面</li>
<li>41-BUFF皮肤查询</li>
</ul>
</div>
</div>
<div class='main-menu'>
<div class="title">帮助</div>
<div class=plugin-list>
<ul>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</div>
</div>
<div class='main-menu'>
<div class="title">帮助</div>
<div class=plugin-list>
<ul>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</div>
</div>
<div class='main-menu'>
<div class="title">帮助</div>
<div class=plugin-list>
<ul>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</div>
</div>
<div class='main-menu'>
<div class="title">帮助</div>
<div class=plugin-list>
<ul>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</div>
</div>
<div class='main-menu'>
<div class="title">帮助</div>
<div class=plugin-list>
<ul>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</div>
</div>
<div class='main-menu'>
<div class="title">帮助</div>
<div class=plugin-list>
<ul>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</div>
</div>
</div> -->
<img src="./res/img/3.png" class="zx-img" />
</div>
</div>
</body>
<script type="text/javascript" src="main.js">
</script>
</html>
resources/template/ss_menu/main.js
View File
resources/template/ss_menu/res/font/fzrzExtraBold.ttf
BIN
View File
Binary file not shown.
resources/template/ss_menu/res/font/syht.otf
BIN
View File
Binary file not shown.
resources/template/ss_menu/res/font/syst.otf
BIN
View File
Binary file not shown.
resources/template/ss_menu/res/img/1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

resources/template/ss_menu/res/img/3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 513 KiB

resources/template/ss_menu/res/img/bk.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 706 KiB

resources/template/ss_menu/res/img/main.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

resources/template/ss_menu/res/img/title.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB