fix(customCursor.ts): fix variable declaration and initialization for cursor and cursorInner to improve code readability and maintainability

feat(customCursor.ts): add support for setting custom text for cursorInner to display different cursor text
fix(stage.ts): fix variable declaration and initialization for imgs, last, cordHist, isOpen, isAnimating, and active to improve code readability and maintainability
feat(stage.ts): add support for minimizing image and initialize stage with image JSON data
fix(stageNav.ts): fix variable declaration and initialization for navItems to improve code readability and maintainability
feat(stageNav.ts): add support for handling click and key events for stage navigation
fix(nav.ts): fix variable declaration and initialization for thresholdDiv and indexDispNums to improve code readability and maintainability
feat(nav.ts): initialize nav and update threshold text
This commit is contained in:
Sped0n
2023-10-29 15:09:10 +08:00
parent 6848e413ca
commit 2025a57ae4
4 changed files with 65 additions and 22 deletions

View File

@@ -1,16 +1,15 @@
import { active } from './stage'
let cursor: HTMLDivElement
/**
* variables
*/
// create cursor
cursor = document.createElement('div')
cursor.className = 'cursor'
cursor.classList.add('active')
// create cursor inner
const cursor = document.createElement('div')
const cursorInner = document.createElement('div')
cursorInner.className = 'cursorInner'
// append cursor inner to cursor
cursor.append(cursorInner)
/**
* main functions
*/
function onMouse(e: MouseEvent) {
const x = e.clientX
@@ -18,7 +17,20 @@ function onMouse(e: MouseEvent) {
cursor.style.transform = `translate3d(${x}px, ${y}px, 0)`
}
export function setCustomCursor(text: string): void {
cursorInner.innerText = text
}
/**
* init
*/
export function initCustomCursor(): void {
// cursor class name
cursor.className = 'cursor'
// cursor inner class name
cursorInner.className = 'cursorInner'
// append cursor inner to cursor
cursor.append(cursorInner)
// append cursor to main
document.getElementById('main')!.append(cursor)
// bind mousemove event to window
@@ -32,7 +44,3 @@ export function initCustomCursor(): void {
}
})
}
export function setCustomCursor(text: string): void {
cursorInner.innerText = text
}