PaiGramTeam/PaiGram
3
0
Fork 0
mirror of https://github.com/PaiGramTeam/PaiGram.git synced 2024-11-16 04:35:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

添加武器资料前端 example.html

Browse Source
This commit is contained in:
洛水居室 2022-07-01 17:06:14 +08:00
parent ee02b41f70
commit a83c38664c
No known key found for this signature in database
GPG Key ID: C9DE87DA724B88FC
1 changed files with 69 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
resources/genshin/weapon/example.html Normal file
View File

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>weapon</title>
<script src="https://cdn.tailwindcss.com/"></script>
<link type="text/css" href="./weapon.css" rel="stylesheet">
</head>
<body>
<div class="container mx-auto px-6 py-6 max-w-lg" id="container">
<div class="base-weapon-info rounded-xl flex mb-4">
<div class="base-weapon-info-name flex-grow m-5 ml-2 text-4xl text-white">
<h1>护摩之杖</h1>
</div>
<div class="base-weapon-info-type m-2 mr-8 flex-shrink h-16 w-16">
<img src="./test/s_233101.png">
</div>
</div>
<div class="stat-progression-1 rounded-xl flex mb-4">
<div class="flex-grow m-2 text-white">
<div class="stat-progression-secondary-stat-value mt-2 text-4xl text-white">
<h1>66.2%</h1>
</div>
<div class="stat-progression-secondary-stat-name mt-2 text-1xl text-white">
<h2>暴击伤害</h2>
</div>
</div>
<div class="base-weapon-info-source mr-4 my-1 rounded-full h-24 w-24 flex-shrink">
<img class="base-weapon-info-source-img object-contain w-full h-full" src="./test/w_3405.png">
</div>
</div>
<div class="stat-progression-2 rounded-xl flex mb-4">
<div class="flex-grow m-2 text-white">
<div class="stat-progression-level text-base font-bold text-white">
<h1>Lv.90</h1>
</div>
<div class="stat-progression-base-atk text-base text-white">
<h2>攻击力：6098</h2>
</div>
</div>
</div>
<div class="ascension-materials rounded-xl mb-4">
<div class="flex">
<div class="ascension-materials-info m-2 rounded-full flex-shrink w-16 h-16">
<img class="base-weapon-info-source-img " src="./test/i_554.png">
</div>
<div class="ascension-materials-info m-2 rounded-full flex-shrink w-16 h-16">
<img class="base-weapon-info-source-img " src="./test/i_73.png">
</div>
<div class="ascension-materials-info m-2 rounded-full flex-shrink w-16 h-16">
<img class="base-weapon-info-source-img " src="./test/i_23.png">
</div>
</div>
</div>
<div class="special-ability rounded-xl flex mb-4">
<div class="special-ability-box flex-grow m-2 text-white">
<div class="special-ability-name text-base font-bold text-white">
<h1>无羁的朱赤之蝶</h1>
</div>
<div class="stat-progression-base-atk text-base text-white">
<samp>生命值提升20%/25%/30%/35%/40%。
此外，提供基于装备该武器的角色生命值上限的0.8%/1%/1.2%/1.4%/1.6%，获得攻击力加成。
当装备该武器的角色生命值低于50%时，进一步获得1%/1.2%/1.4%/1.6%/1.8%最大生命值上限的攻击力提升。</samp>
</div>
</div>
</div>
</div>
</body>
</html>