Diuse/zhenxun_bot
1
0
Fork 0
mirror of https://github.com/zhenxun-org/zhenxun_bot.git synced 2026-10-08 13:20:01 +08:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

✨ 新增全新商店界面 (#1816)

Browse Source 
* 🎉 新增商店模板及样式配置

* 🎨 移除webui注释

* 🎨 新增神秘药水道具及商店样式调整

* 🎨 添加商店样式底部边距调整

---------

Co-authored-by: Flern <cb56ec362bbbfb5272eb941281299d8d-qq_connect@git.osc>
This commit is contained in:
HibiKier
2025-01-06 19:21:35 +08:00
committed by GitHub
co-authored by Flern
parent ec70144d7e
commit 2a5c06702a
29 changed files with 1119 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/template/shop/main.html
+128
View File
@@ -0,0 +1,128 @@
<!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="top-title">
{{name}}的神秘商店
</div>
<div class="top-aaaa">“使用 '购买道具 [道具ID/道具名称]' 购买道具”</div>
<div class="split" style="margin-top: 30px;"></div>
<div class="top-head"></div>
<div class="shop-border">
{% for data in data_list %}
<div class="shop-item">
<div class="shop-item-title">
<span class="shop-item-title-text">{{data.partition}}</span>
</div>
<div class="shop-item-border">
<div class="shop-item-left">
</div>
<div class="shop-item-mid">
<div class="shop-item-mid-bk-inner"></div>
<div class="shop-item-mid-bk-out">
{% for goods in data['goods_list'] %}
<div class="goods-item">
<div class="goods-id">
<div class="goods-id-text">{{goods.id}}</div>
</div>
<div class="goods-item-left">
<div class="goods-item-left-o"></div>
<div class="goods-item-left-o"></div>
<div class="goods-item-left-o"></div>
</div>
<div class="goods-item-icon">
<img src="{{goods.icon}}" class="goods-item-icon-img" />
</div>
<div class="goods-item-right">
<div class="goods-item-right-des">
<div class="goods-item-name">
{{goods.name}}
</div>
<div class="goods-item-name-line"></div>
{{goods.description}}
</div>
<div class="goods-item-right-price">
<span>{{goods.price}}金币</span>
<span class="goods-item-right-btn">
<span class="goods-item-right-btn-buy">立即购买</span>
<span class="goods-item-right-btn-line"></span>
<span class="goods-item-right-btn-limit">限购: {{goods.daily_limit}}</span>
</span>
</div>
</div>
</div>
{% endfor %}
</div>
<img src="./res/img/bag1.png" class="shop-item-mid-bag1" />
<img src="./res/img/bag2.png" class="shop-item-mid-bag2" />
</div>
<div class="shop-item-right">
</div>
</div>
<!-- <div class="shop-item-border">
<div class="shop-item-left">
<img src="./res/img/2.png" class="shop-item-right-zx" />
</div>
<div class="shop-item-mid">
<div class="shop-item-mid-bk-inner"></div>
<div class="shop-item-mid-bk-out">
<div class="goods-item">
<div class="goods-id">
<div class="goods-id-text">11</div>
</div>
<div class="goods-item-left">
<div class="goods-item-left-o"></div>
<div class="goods-item-left-o"></div>
<div class="goods-item-left-o"></div>
</div>
<div class="goods-item-icon">
<img src="./res/img/bag1.png" class="goods-item-icon-img" />
</div>
<div class="goods-item-right">
<div class="goods-item-right-des">
<div class="goods-item-name">
签到道具
</div>
<div class="goods-item-name-line"></div>
背包
</div>
<div class="goods-item-right-price">
<span>100金币</span>
<span class="goods-item-right-btn">
<span class="goods-item-right-btn-buy">立即购买</span>
<span class="goods-item-right-btn-line"></span>
<span class="goods-item-right-btn-limit">限购: 0</span>
</span>
</div>
</div>
</div>
</div>
<img src="./res/img/bag1.png" class="shop-item-mid-bag1" />
<img src="./res/img/bag2.png" class="shop-item-mid-bag2" />
</div>
<div class="shop-item-right">
<img src="./res/img/1.png" class="shop-item-right-zx" />
</div>
</div> -->
</div>
{% endfor %}
</div>
<div class="split"></div>
<div class="create-text">Create By ZhenXun</div>
</div>
</body>
<script type="text/javascript" src="main.js">
</script>
</html>