34 lines
687 B
Vue
34 lines
687 B
Vue
<template>
|
|
<div class="board">
|
|
<div class="content">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.board {
|
|
min-width: 5vh;
|
|
min-height: 5vh;
|
|
background-image: url(../assets/imgs/Note.webp);
|
|
background-size: contain;
|
|
aspect-ratio: 1000/697;
|
|
width: 50vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
filter: drop-shadow(0 1vh 2vw #000000);
|
|
}
|
|
|
|
.content {
|
|
font-family: 'Ma Shan Zheng';
|
|
font-size: 3vw;
|
|
line-height: 2;
|
|
text-wrap: pretty;
|
|
padding:5% 6% ;
|
|
opacity: .9;
|
|
mix-blend-mode: darken;
|
|
text-shadow: 0 0 .5vw #00000044;
|
|
color: #000;
|
|
}
|
|
</style> |