🎨 Update help.html

This commit is contained in:
洛水居室 2022-10-11 20:35:51 +08:00 committed by GitHub
parent ee4516982c
commit 17ea728769
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 76 additions and 43 deletions

View File

@ -28,7 +28,7 @@ class HelpPlugin(Plugin):
logger.info(f"用户 {user.full_name}[{user.id}] 发出help命令")
if self.file_id is None or bot.config.debug:
await message.reply_chat_action(ChatAction.TYPING)
help_png = await self.template_service.render("bot/help", "help.html", {}, {"width": 768, "height": 768})
help_png = await self.template_service.render("bot/help", "help.html", {}, {"width": 1200, "height": 900})
await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
reply_photo = await message.reply_photo(help_png, filename="help.png", allow_sending_without_reply=True)
photo = reply_photo.photo[0]

View File

@ -8,30 +8,31 @@
<link href="help.css" rel="stylesheet" />
</head>
<body>
<div class="container mx-auto px-5 py-10 max-w-3xl">
<div class="container mx-auto px-5 py-10 max-w-6xl">
<div class="header p-6 flex mb-8 rounded-xl bg-cover justify-between">
<div>
<h1 class="text-4xl italic">TGPaimonBot</h1>
<h1 class="text-2xl">使用说明</h1>
</div>
<div>
<div class="pt-1 opacity-70">
<i class="fa fa-address-card-o mr-2"></i>需要绑定Cookie
<i class="fa fa-id-card-o mr-2"></i>需要绑定Cookie
</div>
<div class="pt-1 opacity-70">
<i class="fa fa-user-circle-o mr-2"></i>需要绑定UID
</div>
</div>
</div>
<div class="box pt-4 rounded-xl space-y-4 overflow-hidden">
<div>
<div class="command-background pointer-events-none">
<img src="background/2015.png" />
<img src="background/2015.png" alt=""/>
</div>
<div class="genshin-background pointer-events-none">
<img src="background/genshin.png" />
</div>
<div class="command-title text-2xl mx-1">
<h1>查询命令</h1>
</div>
<div class="grid grid-cols-2 py-4 px-2">
<div class="grid grid-cols-4 py-4 px-2">
<!-- WIKI类 -->
<div class="command">
<div class="command-name">/weapon</div>
<div class="command-description">查询武器</div>
@ -40,28 +41,9 @@
<div class="command-name">/strategy</div>
<div class="command-description">查询角色攻略</div>
</div>
<div class="command">
<div class="command-name">
/stats
<i class="fa fa-address-card-o ml-2"></i>
</div>
<div class="command-description">玩家统计查询</div>
</div>
<div class="command">
<div class="command-name">
/sign
<i class="fa fa-address-card-o ml-2"></i>
</div>
<div class="command-description">每日签到 | 查询</div>
</div>
<div class="command">
<div class="command-name">
/dailynote
<i class="fa fa-address-card-o ml-2"></i>
</div>
<div class="command-description">查询角色当前状态</div>
<div class="command-name">/material</div>
<div class="command-description">角色培养素材查询</div>
</div>
<div class="command">
<div class="command-name">
@ -69,31 +51,67 @@
</div>
<div class="command-description">圣遗物评分</div>
</div>
<!-- UID 查询类 -->
<div class="command">
<div class="command-name">
/stats
<i class="fa fa-user-circle-o ml-2"></i>
</div>
<div class="command-description">玩家统计查询</div>
</div>
<div class="command">
<div class="command-name">
/player_card
<i class="fa fa-user-circle-o ml-2"></i>
</div>
<div class="command-description">角色卡片</div>
</div>
<!-- 最高查询类 -->
<div class="command">
<div class="command-name">
/dailynote
<i class="fa fa-id-card-o ml-2"></i>
</div>
<div class="command-description">查询角色当前状态</div>
</div>
<div class="command">
<div class="command-name">
/ledger
<i class="fa fa-address-card-o ml-2"></i>
<i class="fa fa-id-card-o ml-2"></i>
</div>
<div class="command-description">查询角色当月旅行扎记</div>
<div class="command-description">查询当月旅行扎记</div>
</div>
<div class="command">
<div class="command-name">
/abyss
<i class="fa fa-address-card-o ml-2"></i>
<i class="fa fa-id-card-o ml-2"></i>
</div>
<div class="command-description">查询当期深渊螺旋战绩</div>
</div>
<div class="command">
<div class="command-name">/material</div>
<div class="command-description">角色培养素材查询</div>
<div class="command-name">
/abyss_team
<i class="fa fa-id-card-o ml-2"></i>
</div>
<div class="command">
<div class="command-name">/abyss_team</div>
<div class="command-description">深渊推荐配队</div>
</div>
<!--! gacha_log 相关 -->
<div class="command">
<div class="command-name">/gacha_log</div>
<div class="command-description">抽卡记录</div>
</div>
<div class="command">
<div class="command-name">/gacha_count</div>
<div class="command-description">抽卡统计</div>
</div>
<div class="command">
<div class="command-name">
/sign
<i class="fa fa-id-card-o ml-2"></i>
</div>
<div class="command-description">每日签到 | 查询</div>
</div>
<!--! 其他 -->
<div class="command">
<div class="command-name">/hilichurls</div>
<div class="command-description">丘丘语字典</div>
@ -108,7 +126,7 @@
<div class="command-title text-2xl mx-1">
<h1>其他命令</h1>
</div>
<div class="grid grid-cols-2 py-4 px-2">
<div class="grid grid-cols-4 py-4 px-2">
<div class="command">
<div class="command-name">/gacha</div>
<div class="command-description">抽卡模拟器(非洲人模拟器)</div>
@ -119,6 +137,20 @@
派蒙的十万个为什么
</div>
</div>
<!--! gacha_log 相关 -->
<div class="command">
<div class="command-name">/gacha_log_import</div>
<div class="command-description">导入抽卡记录</div>
</div>
<div class="command">
<div class="command-name">/gacha_log_export</div>
<div class="command-description">导出抽卡记录</div>
</div>
<div class="command">
<div class="command-name">/gacha_log_delete</div>
<div class="command-description">删除抽卡记录</div>
</div>
<!--! user 相关 -->
<div class="command">
<div class="command-name">/setuid</div>
<div class="command-description">添加UID请私聊BOT</div>
@ -127,6 +159,7 @@
<div class="command-name">/setcookies</div>
<div class="command-description">添加Cookies请私聊BOT</div>
</div>
<!--! 取消操作 -->
<div class="command rounded-xl flex-1">
<div class="command-name">/cancel</div>
<div class="command-description">