调整digital item布局
This commit is contained in:
@@ -195,13 +195,14 @@ defineExpose({})
|
|||||||
.digitalItemDetail{
|
.digitalItemDetail{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.center{
|
.center{
|
||||||
flex: 1;
|
// flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: hidden;
|
// overflow: hidden;
|
||||||
.img-list{
|
.img-list{
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: grid;
|
display: grid;
|
||||||
@@ -211,6 +212,7 @@ defineExpose({})
|
|||||||
// --row-width: 29.3rem;
|
// --row-width: 29.3rem;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
border-right: 0.5px solid #585858;
|
||||||
&::-webkit-scrollbar{
|
&::-webkit-scrollbar{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -268,12 +270,15 @@ defineExpose({})
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.img-detail{
|
.img-detail{
|
||||||
border-left: 0.5px solid #585858;
|
|
||||||
padding-left: 3.2rem;
|
padding-left: 3.2rem;
|
||||||
width: 57rem;
|
width: 57rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
height: calc(var(--app-view-height) - var(--footer-height));
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
// height: 100%;
|
||||||
&::-webkit-scrollbar{
|
&::-webkit-scrollbar{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user