css running-page
This commit is contained in:
parent
4833822985
commit
015689c0ed
3 changed files with 41 additions and 9 deletions
|
|
@ -26,17 +26,15 @@ export default class itemsDecor extends Handler {
|
|||
symbols.style.width = `${progress}%`;
|
||||
symbols.style.wordBreak = "break-all";
|
||||
|
||||
const pageNum = document.createElement("div");
|
||||
pageNum.className = "page-number";
|
||||
pageNum.textContent = numPage;
|
||||
|
||||
const dots = document.createElement("div");
|
||||
dots.className = "dots";
|
||||
dots.textContent = ".".repeat(100);
|
||||
|
||||
container.appendChild(symbols);
|
||||
container.appendChild(pageNum);
|
||||
container.appendChild(dots);
|
||||
const runningPage = document.createElement("div");
|
||||
runningPage.className = "running-page";
|
||||
runningPage.appendChild(symbols);
|
||||
runningPage.appendChild(dots);
|
||||
container.appendChild(runningPage);
|
||||
area.appendChild(container);
|
||||
|
||||
symbols.textContent = this.symbol;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue