Skip to content

Commit

Permalink
✨ 新版帮助ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@HibiKier
HibiKier committed Aug 28, 2024
1 parent 756ad3d commit e10fee7
Show file tree
Hide file tree
Showing 15 changed files with 451 additions and 60 deletions.
2 changes: 1 addition & 1 deletion resources/template/sign/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -280,6 +280,6 @@ body {
font-size: 20px;
top: 350px;
left: 250px;
font-family: 'yshsFont';
font-family: 'rxxxtFont';
width: 210px;
}
142 changes: 142 additions & 0 deletions resources/template/ss_menu/main.css
View file
Original file line number Diff line number Diff line change
@@ -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;
}
179 changes: 179 additions & 0 deletions resources/template/ss_menu/main.html
View file
Original file line number Diff line number Diff line change
@@ -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>
Empty file added resources/template/ss_menu/main.js
View file
Empty file.
Binary file added resources/template/ss_menu/res/font/fzrzExtraBold.ttf
View file
Binary file not shown.
Binary file added resources/template/ss_menu/res/font/syht.otf
View file
Binary file not shown.
Binary file added resources/template/ss_menu/res/font/syst.otf
View file
Binary file not shown.
Binary file added resources/template/ss_menu/res/img/1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added resources/template/ss_menu/res/img/3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added resources/template/ss_menu/res/img/bk.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added resources/template/ss_menu/res/img/main.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added resources/template/ss_menu/res/img/title.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit e10fee7

Please sign in to comment.