tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

html clean

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-14 00:57:31 -04:00
parent 24ab7f8e53
commit 0be4aad7da
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
monster_game/index.html
View File

@ -12,16 +12,22 @@
<div class="small-6 columns"> <div class="small-6 columns">
<h1 class="text-center">YOU</h1> <h1 class="text-center">YOU</h1>
<div class="healthbar"> <div class="healthbar">
<div class="healthbar text-center" style="background-color: green; margin: 0; color: white;" :style="pHPStyle"> <div class="healthbar text-center"
{{pHP}} style="background-color: green; margin: 0; color: white;"
:style="pHPStyle"
>
{{pHP}}
</div> </div>
</div> </div>
</div> </div>
<div class="small-6 columns"> <div class="small-6 columns">
<h1 class="text-center">MONSTER</h1> <h1 class="text-center">MONSTER</h1>
<div class="healthbar"> <div class="healthbar">
<div class="healthbar text-center" style="background-color: green; margin: 0; color: white;" :style="mHPStyle"> <div class="healthbar text-center"
{{mHP}} style="background-color: green; margin: 0; color: white;"
:style="mHPStyle"
>
{{mHP}}
</div> </div>
</div> </div>
</div> </div>
@ -42,8 +48,10 @@
<section class="row log"> <section class="row log">
<div class="small-12 columns"> <div class="small-12 columns">
<ul> <ul>
<li v-for="log in logs" :class="[{'player-turn': log.isPlayer, 'monster-turn': !log.isPlayer}]"> <li v-for="log in logs"
{{log.text}} :class="[{'player-turn': log.isPlayer, 'monster-turn': !log.isPlayer}]"
>
{{log.text}}
</li> </li>
</ul> </ul>