26 lines
577 B
Vue
26 lines
577 B
Vue
<template>
|
|
<div class="pageLoad"></div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
async mounted() {
|
|
|
|
for (let i = 0; i < 50; i++) {
|
|
$('.pageLoad').append(`<div class="cCol" data-col-n="${i}"></div>`)
|
|
|
|
if (i === 49) {
|
|
const cubeHeight = window.innerHeight / 50
|
|
$('.pageLoad .cCol').css({height: `${cubeHeight}px`})
|
|
}
|
|
}
|
|
|
|
window.addEventListener('resize', function () {
|
|
const cubeHeight = window.innerHeight / 50
|
|
$('.pageLoad .cCol').css({height: `${cubeHeight}px`})
|
|
})
|
|
|
|
}
|
|
}
|
|
</script>
|