sinvo/lifeRestart
1
0
Fork 0
mirror of https://github.com/VickScarlet/lifeRestart.git synced 2026-03-25 08:34:16 +08:00
Code Issues Projects Releases Wiki Activity

feat: 选三个天赋之后按钮文案变化，加点页面显示已选天赋

Browse Source
This commit is contained in:
shadowdreamer
2021-09-06 13:51:13 +08:00
committed by 神戸小鳥
parent 1c8628bb3d
commit 4a5127fecf
1 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app.js
View File

@@ -101,6 +101,9 @@ class App{
if(li.hasClass('selected')) { if(li.hasClass('selected')) {
li.removeClass('selected') li.removeClass('selected')
this.#talentSelected.delete(talent); this.#talentSelected.delete(talent);
if(this.#talentSelected.size<3) {
talentPage.find('#next').text('请选择3个')
}
} else { } else {
if(this.#talentSelected.size==3) { if(this.#talentSelected.size==3) {
this.hint('只能选3个天赋'); this.hint('只能选3个天赋');
@@ -122,6 +125,9 @@ class App{
} }
li.addClass('selected'); li.addClass('selected');
this.#talentSelected.add(talent); this.#talentSelected.add(talent);
if(this.#talentSelected.size==3) {
talentPage.find('#next').text('开始新人生')
}
} }
}); });
}); });
@@ -139,18 +145,30 @@ class App{
}) })
// Property // Property
const propertyPage = $(` // hint of extension tobermory.es6-string-html
const propertyPage = $(/*html*/`
<div id="main"> <div id="main">
<div class="head" style="font-size: 1.6rem"> <div class="head" style="font-size: 1.6rem">
调整初始属性<br> 调整初始属性<br>
<div id="total" style="font-size:1rem; font-weight:normal;">可用属性点：0</div> <div id="total" style="font-size:1rem; font-weight:normal;">可用属性点：0</div>
</div> </div>
<ul id="propertyAllocation" class="propinitial"></ul> <ul id="propertyAllocation" class="propinitial"></ul>
<ul class="propinitial" style="top:auto; bottom:23rem">
<li>已选天赋</li>
</ul>
<ul class="selectlist" id="talentSelectedView" style="top:auto; bottom:16rem"></ul>
<button id="random" class="mainbtn" style="top:auto; bottom:7rem">随机分配</button> <button id="random" class="mainbtn" style="top:auto; bottom:7rem">随机分配</button>
<button id="start" class="mainbtn" style="top:auto; bottom:0.1rem">开始新人生</button> <button id="start" class="mainbtn" style="top:auto; bottom:0.1rem">开始新人生</button>
</div> </div>
`); `);
propertyPage.mounted = ()=>{
propertyPage
.find('#talentSelectedView').append(
$(Array.from(this.#talentSelected)
.map(({name,description})=>`<li class="grade0b">${name}(${description})</li>`)
.join(''))
)
}
const groups = {}; const groups = {};
const total = ()=>{ const total = ()=>{
let t = 0; let t = 0;
@@ -478,6 +496,9 @@ class App{
$('#main').detach(); $('#main').detach();
p.clear(); p.clear();
p.page.appendTo('body'); p.page.appendTo('body');
if(typeof p.page.mounted === 'function'){
p.page.mounted()
}
} }
hint(message, type='info') { hint(message, type='info') {