46 lines
932 B
Vue
46 lines
932 B
Vue
<!-- <template>
|
|
<div
|
|
:style="{
|
|
position: 'relative',
|
|
width: '256px',
|
|
transformOrigin: 'top left',
|
|
}"
|
|
>
|
|
<div
|
|
:style="{
|
|
boxSizing: 'border-box',
|
|
width: '256px',
|
|
height: '192px',
|
|
}"
|
|
>
|
|
<img src="/assets/background.png" />
|
|
|
|
<div
|
|
:style="{
|
|
position: 'absolute',
|
|
display: 'grid',
|
|
gap: '1px',
|
|
top: 'calc(4 * 16px)',
|
|
right: 'calc(1 * 16px + 1px)',
|
|
gridTemplateRows: 'repeat(5, 15px)',
|
|
gridTemplateColumns: 'repeat(7, 15px)',
|
|
}"
|
|
>
|
|
<div
|
|
v-for="i in 5 * 7"
|
|
:key="i"
|
|
:style="{ display: 'flex', flexDirection: 'column' }"
|
|
>
|
|
<span :style="{ fontSize: '12px' }">8</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template> -->
|
|
<template>
|
|
<Screen>
|
|
<Background />
|
|
<Stats />
|
|
</Screen>
|
|
</template>
|