✨ 新增超级用户与管理员帮助模板 (#1655)

resources/template/help/main.css

@@ -0,0 +1,116 @@
+
+
+@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{
+    width: 1400px;
+    position: relative;
+    background-image: url('res/img/bk.jpg');
+    background-size: cover;
+    font-family: 'cr105Font';
+    padding: 20px;
+}
+
+
+.title {
+    font-size: 60px;
+    font-family: 'fzrzFont';
+    /* margin-left: 40px; */
+    /* color: #F67186; */
+    background: linear-gradient(to right, #F67186, #F7889C);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    text-align: center;
+}
+
+.main {
+    background-image: url('res/img/main.png');
+    background-size: 100% 100%;
+    /* background-size: cover; */
+    height: 100%;
+    width: 1370px;
+    position: relative;
+    padding: 20px;
+    /* box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5); */
+}
+
+.items-border {
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: 18px;
+}
+
+.items {
+    border: #F67186 2px solid;
+    border-radius: 20px;
+    width: 675px;
+    padding: 30px;
+    max-width: 600px;
+}
+
+.item-title {
+    background-image: url('res/img/title.png');
+    background-size: cover;
+    background-repeat: no-repeat;
+    height: 55px;
+    width: 350px;
+    font-family: 'fzrzFont';
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    font-size: 35px;
+    border-radius: 16px;
+    letter-spacing:4px;
+}
+
+.usage-title {
+    font-size: 30px;
+    position: absolute;
+    top: -30px;
+}
+
+.item-des {
+    color: #F78094;
+    border-radius: 20px;
+    font-family: 'fzrzFont';
+    font-size: 30px;
+    padding: 10px;
+}
+
+.item-usage {
+    color: #F78094;
+    border-radius: 20px;
+    font-family: 'fzrzFont';
+    font-size: 20px;
+    border: #F67186 5px dotted;
+    padding: 60px 10px 10px 10px;
+    position: relative;
+}

resources/template/help/main.html

@@ -0,0 +1,62 @@
+<!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 class="title">
+                {{data.nickname}}的{{data.help_name}}帮助
+            </div>
+            <div class="items-border">
+            {% for plugin in data['plugin_list'] %}
+                <div class="items">
+                    <div class="item-title">
+                        {{plugin.name}}
+                    </div>
+                    <div class="item-des">
+                        简介: {{plugin.description}}
+                    </div>
+                    <div class="item-usage">
+                        <p class="usage-title">用法:</p>
+                        {{plugin.usage}}
+                    </div>
+                </div>
+            {% endfor %}
+            </div>
+            <!-- <div class="items">
+                <div class="item-title">
+                    刷屏禁言
+                </div>
+                <div class="item-des">
+                    简介: 刷屏禁言相关操作
+                </div>
+                <div class="item-usage">
+                    用法:<br>
+                    指令：<br>
+                    设置刷屏: 查看当前设置<br>
+                    -c [count]: 检测最大次数<br>
+                    -t [time]: 规定时间内<br>
+                    -d [duration]: 禁言时长<br>
+                    示例:<br>
+                        设置刷屏 -c 10: 设置最大次数为10<br>
+                        设置刷屏 -t 100 -d 20: 设置规定时间和禁言时长<br>
+                        设置刷屏 -d 10: 设置禁言时长为10<br>
+                    * 即 X 秒内发送同样消息 N 次，禁言 M 分钟 *
+                </div>
+            </div> -->
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="main.js">
+</script>
+
+</html>