feat: class name

This commit is contained in:
FairyEver 2021-12-05 17:57:26 +08:00
parent 5bf3056336
commit 5bd5d37880
2 changed files with 4 additions and 4 deletions

View File

@ -3,8 +3,8 @@
</route> </route>
<template> <template>
<d2-scroll class="body__container"> <d2-scroll class="body__scroll">
<div class="container__inner"> <div class="scroll__inner">
<slot/> <slot/>
</div> </div>
</d2-scroll> </d2-scroll>

View File

@ -27,12 +27,12 @@ html, body, #app {
.layout__body { .layout__body {
@apply absolute top-0 bottom-0 right-0; @apply absolute top-0 bottom-0 right-0;
left: --var('side-width'); left: --var('side-width');
.body__container { .body__scroll {
@apply w-full h-full; @apply w-full h-full;
>.os-scrollbar-vertical { >.os-scrollbar-vertical {
top: calc(#{--var('header-height')} + #{--var('header-border-width')}); top: calc(#{--var('header-height')} + #{--var('header-border-width')});
} }
.container__inner { .scroll__inner {
@apply relative overflow-hidden; @apply relative overflow-hidden;
margin-top: calc(#{--var('header-height')} + #{--var('header-border-width')}); margin-top: calc(#{--var('header-height')} + #{--var('header-border-width')});
min-height: calc(100vh - (#{--var('header-height')} + #{--var('header-border-width')})); min-height: calc(100vh - (#{--var('header-height')} + #{--var('header-border-width')}));