更新武器资料前端 example.html

This commit is contained in:
洛水居室 2022-07-01 17:08:34 +08:00
parent a83c38664c
commit 6ed9a15914
No known key found for this signature in database
GPG Key ID: C9DE87DA724B88FC

View File

@ -10,10 +10,10 @@
<div class="container mx-auto px-6 py-6 max-w-lg" id="container"> <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 rounded-xl flex mb-4">
<div class="base-weapon-info-name flex-grow m-5 ml-2 text-4xl text-white"> <div class="base-weapon-info-name flex-grow m-5 ml-2 text-4xl text-white">
<h1>护摩之杖</h1> <h1>测试</h1>
</div> </div>
<div class="base-weapon-info-type m-2 mr-8 flex-shrink h-16 w-16"> <div class="base-weapon-info-type m-2 mr-8 flex-shrink h-16 w-16">
<img src="./test/s_233101.png"> <img src="./../../img/example/256x256.png">
</div> </div>
</div> </div>
<div class="stat-progression-1 rounded-xl flex mb-4"> <div class="stat-progression-1 rounded-xl flex mb-4">
@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="base-weapon-info-source mr-4 my-1 rounded-full h-24 w-24 flex-shrink"> <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"> <img class="base-weapon-info-source-img object-contain w-full h-full" src="./../../img/example/256x256.png">
</div> </div>
</div> </div>
<div class="stat-progression-2 rounded-xl flex mb-4"> <div class="stat-progression-2 rounded-xl flex mb-4">
@ -42,25 +42,24 @@
<div class="ascension-materials rounded-xl mb-4"> <div class="ascension-materials rounded-xl mb-4">
<div class="flex"> <div class="flex">
<div class="ascension-materials-info m-2 rounded-full flex-shrink w-16 h-16"> <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"> <img class="base-weapon-info-source-img " src="./../../img/example/256x256.png">
</div> </div>
<div class="ascension-materials-info m-2 rounded-full flex-shrink w-16 h-16"> <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"> <img class="base-weapon-info-source-img " src="./../../img/example/256x256.png">
</div> </div>
<div class="ascension-materials-info m-2 rounded-full flex-shrink w-16 h-16"> <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"> <img class="base-weapon-info-source-img " src="./../../img/example/256x256.png">
</div> </div>
</div> </div>
</div> </div>
<div class="special-ability rounded-xl flex mb-4"> <div class="special-ability rounded-xl flex mb-4">
<div class="special-ability-box flex-grow m-2 text-white"> <div class="special-ability-box flex-grow m-2 text-white">
<div class="special-ability-name text-base font-bold text-white"> <div class="special-ability-name text-base font-bold text-white">
<h1>无羁的朱赤之蝶</h1> <h1>测试</h1>
</div> </div>
<div class="stat-progression-base-atk text-base text-white"> <div class="stat-progression-base-atk text-base text-white">
<samp>生命值提升20%/25%/30%/35%/40%。 <samp>这是个测试描述这是个测试描述这是个测试描述这是个测试描述这是个测试描述这是个测试描述
此外提供基于装备该武器的角色生命值上限的0.8%/1%/1.2%/1.4%/1.6%,获得攻击力加成。 这是个测试描述这是个测试描述这是个测试描述这是个测试描述这是个测试描述这是个测试描述</samp>
当装备该武器的角色生命值低于50%时进一步获得1%/1.2%/1.4%/1.6%/1.8%最大生命值上限的攻击力提升。</samp>
</div> </div>
</div> </div>
</div> </div>