attiya/ebike-plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 文件库布局

Browse Source
This commit is contained in:
wf 2024-07-02 13:00:59 +08:00
parent b7d824ece2
commit a640afb6c9
1 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/file-management/document-library/document-library.vue
View File

@ -1,7 +1,46 @@
<template> <template>
<div class="dc-page">文件库</div> <FillPage>
<div class="container">
<div class="container-main">
<div class="left-box">
<a-scrollbar style="height: 100%; overflow: auto" outer-class="scrollbar">
<div style="height: 4000px; width: 100%; background-color: var(--color-primary-light-4)">Content</div>
</a-scrollbar>
</div>
<div class="right-box"></div>
</div>
</div>
</FillPage>
</template> </template>
<script setup lang="ts"></script> <script setup lang="ts"></script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.container {
height: 100%;
padding: $padding;
box-sizing: border-box;
overflow: hidden;
box-shadow: $shadow-border-1;
}
.container-main {
height: 100%;
display: flex;
border: 1px solid gold;
overflow: hidden;
.left-box {
width: 300px;
height: 100%;
border: 1px solid red;
.scrollbar {
height: 100%;
}
}
.right-box {
margin-left: $padding;
width: calc(100% - 220px - $padding);
height: 100%;
border: 1px solid cyan;
}
}
</style>