jianghe2nd/mota-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

statusBar Color

Browse Source
This commit is contained in:
oc 2018-10-29 02:23:33 +08:00
parent 77ceb015e4
commit c9eb0c9b85
5 changed files with 40 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
editor-mobile.html
View File

@ -337,47 +337,47 @@
<div id='statusBar' class="clearfix"> <div id='statusBar' class="clearfix">
<div class="status" id="floorCol"> <div class="status" id="floorCol">
<img id="img-floor"> <img id="img-floor">
<p class='statusLabel' id='floor'></p> <p class='statusLabel statusText' id='floor'></p>
</div> </div>
<div class="status" id="nameCol"> <div class="status" id="nameCol">
<img id="img-name"> <img id="img-name">
<p class='statusLabel' id='name'></p> <p class='statusLabel statusText' id='name'></p>
</div> </div>
<div class="status" id="lvCol"> <div class="status" id="lvCol">
<img id="img-lv"> <img id="img-lv">
<p class='statusLabel' id='lv'></p> <p class='statusLabel statusText' id='lv'></p>
</div> </div>
<div class="status" id='hpmaxCol'> <div class="status" id='hpmaxCol'>
<img id="img-hpmax"> <img id="img-hpmax">
<p class='statusLabel' id='hpmax'></p> <p class='statusLabel statusText' id='hpmax'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-hp"> <img id="img-hp">
<p class='statusLabel' id='hp'></p> <p class='statusLabel statusText' id='hp'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-atk"> <img id="img-atk">
<p class='statusLabel' id='atk'></p> <p class='statusLabel statusText' id='atk'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-def"> <img id="img-def">
<p class='statusLabel' id='def'></p> <p class='statusLabel statusText' id='def'></p>
</div> </div>
<div class="status" id="mdefCol"> <div class="status" id="mdefCol">
<img id="img-mdef"> <img id="img-mdef">
<p class='statusLabel' id='mdef'></p> <p class='statusLabel statusText' id='mdef'></p>
</div> </div>
<div class="status" id="moneyCol"> <div class="status" id="moneyCol">
<img id="img-money"> <img id="img-money">
<p class='statusLabel' id='money'></p> <p class='statusLabel statusText' id='money'></p>
</div> </div>
<div class="status" id="expCol"> <div class="status" id="expCol">
<img id="img-experience"> <img id="img-experience">
<p class='statusLabel' id='experience'></p> <p class='statusLabel statusText' id='experience'></p>
</div> </div>
<div class="status" id="upCol"> <div class="status" id="upCol">
<img id="img-up"> <img id="img-up">
<p class='statusLabel' id='up'></p> <p class='statusLabel statusText' id='up'></p>
</div> </div>
<div class="status" id='keyCol'> <div class="status" id='keyCol'>
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span> <span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>

22
editor.html
View File

@ -323,47 +323,47 @@
<div id='statusBar' class="clearfix"> <div id='statusBar' class="clearfix">
<div class="status" id="floorCol"> <div class="status" id="floorCol">
<img id="img-floor"> <img id="img-floor">
<p class='statusLabel' id='floor'></p> <p class='statusLabel statusText' id='floor'></p>
</div> </div>
<div class="status" id="nameCol"> <div class="status" id="nameCol">
<img id="img-name"> <img id="img-name">
<p class='statusLabel' id='name'></p> <p class='statusLabel statusText' id='name'></p>
</div> </div>
<div class="status" id="lvCol"> <div class="status" id="lvCol">
<img id="img-lv"> <img id="img-lv">
<p class='statusLabel' id='lv'></p> <p class='statusLabel statusText' id='lv'></p>
</div> </div>
<div class="status" id='hpmaxCol'> <div class="status" id='hpmaxCol'>
<img id="img-hpmax"> <img id="img-hpmax">
<p class='statusLabel' id='hpmax'></p> <p class='statusLabel statusText' id='hpmax'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-hp"> <img id="img-hp">
<p class='statusLabel' id='hp'></p> <p class='statusLabel statusText' id='hp'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-atk"> <img id="img-atk">
<p class='statusLabel' id='atk'></p> <p class='statusLabel statusText' id='atk'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-def"> <img id="img-def">
<p class='statusLabel' id='def'></p> <p class='statusLabel statusText' id='def'></p>
</div> </div>
<div class="status" id="mdefCol"> <div class="status" id="mdefCol">
<img id="img-mdef"> <img id="img-mdef">
<p class='statusLabel' id='mdef'></p> <p class='statusLabel statusText' id='mdef'></p>
</div> </div>
<div class="status" id="moneyCol"> <div class="status" id="moneyCol">
<img id="img-money"> <img id="img-money">
<p class='statusLabel' id='money'></p> <p class='statusLabel statusText' id='money'></p>
</div> </div>
<div class="status" id="expCol"> <div class="status" id="expCol">
<img id="img-experience"> <img id="img-experience">
<p class='statusLabel' id='experience'></p> <p class='statusLabel statusText' id='experience'></p>
</div> </div>
<div class="status" id="upCol"> <div class="status" id="upCol">
<img id="img-up"> <img id="img-up">
<p class='statusLabel' id='up'></p> <p class='statusLabel statusText' id='up'></p>
</div> </div>
<div class="status" id='keyCol'> <div class="status" id='keyCol'>
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span> <span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>

22
index.html
View File

@ -44,47 +44,47 @@
<div id='statusBar' class="clearfix"> <div id='statusBar' class="clearfix">
<div class="status" id="floorCol"> <div class="status" id="floorCol">
<img id="img-floor"> <img id="img-floor">
<p class='statusLabel' id='floor'></p> <p class='statusLabel statusText' id='floor'></p>
</div> </div>
<div class="status" id="nameCol"> <div class="status" id="nameCol">
<img id="img-name"> <img id="img-name">
<p class='statusLabel' id='name'></p> <p class='statusLabel statusText' id='name'></p>
</div> </div>
<div class="status" id="lvCol"> <div class="status" id="lvCol">
<img id="img-lv"> <img id="img-lv">
<p class='statusLabel' id='lv'></p> <p class='statusLabel statusText' id='lv'></p>
</div> </div>
<div class="status" id='hpmaxCol'> <div class="status" id='hpmaxCol'>
<img id="img-hpmax"> <img id="img-hpmax">
<p class='statusLabel' id='hpmax'></p> <p class='statusLabel statusText' id='hpmax'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-hp"> <img id="img-hp">
<p class='statusLabel' id='hp'></p> <p class='statusLabel statusText' id='hp'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-atk"> <img id="img-atk">
<p class='statusLabel' id='atk'></p> <p class='statusLabel statusText' id='atk'></p>
</div> </div>
<div class="status"> <div class="status">
<img id="img-def"> <img id="img-def">
<p class='statusLabel' id='def'></p> <p class='statusLabel statusText' id='def'></p>
</div> </div>
<div class="status" id="mdefCol"> <div class="status" id="mdefCol">
<img id="img-mdef"> <img id="img-mdef">
<p class='statusLabel' id='mdef'></p> <p class='statusLabel statusText' id='mdef'></p>
</div> </div>
<div class="status" id="moneyCol"> <div class="status" id="moneyCol">
<img id="img-money"> <img id="img-money">
<p class='statusLabel' id='money'></p> <p class='statusLabel statusText' id='money'></p>
</div> </div>
<div class="status" id="expCol"> <div class="status" id="expCol">
<img id="img-experience"> <img id="img-experience">
<p class='statusLabel' id='experience'></p> <p class='statusLabel statusText' id='experience'></p>
</div> </div>
<div class="status" id="upCol"> <div class="status" id="upCol">
<img id="img-up"> <img id="img-up">
<p class='statusLabel' id='up'></p> <p class='statusLabel statusText' id='up'></p>
</div> </div>
<div class="status" id='keyCol'> <div class="status" id='keyCol'>
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span> <span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>

8
libs/control.js
View File

@ -3020,10 +3020,14 @@ control.prototype.resize = function(clientWidth, clientHeight) {
}, },
{ {
className: 'statusLabels', className: 'statusLabels',
noid: 'hard',
rules:{ rules:{
marginLeft: margin + unit, marginLeft: margin + unit,
lineHeight: statusLabelsLH + unit, lineHeight: statusLabelsLH + unit
}
},
{
className: 'statusTexts',
rules: {
color: main.statusBarColor||"white" color: main.statusBarColor||"white"
} }
}, },

1
main.js
View File

@ -50,6 +50,7 @@ function main() {
'levelChooseButtons': document.getElementById('levelChooseButtons'), 'levelChooseButtons': document.getElementById('levelChooseButtons'),
'data': document.getElementById('data'), 'data': document.getElementById('data'),
'statusLabels': document.getElementsByClassName('statusLabel'), 'statusLabels': document.getElementsByClassName('statusLabel'),
'statusTexts': document.getElementsByClassName('statusText'),
'floorCol': document.getElementById('floorCol'), 'floorCol': document.getElementById('floorCol'),
'nameCol': document.getElementById('nameCol'), 'nameCol': document.getElementById('nameCol'),
'lvCol': document.getElementById('lvCol'), 'lvCol': document.getElementById('lvCol'),