Browse Source

文件柜自适应

master
xuhuajiao 6 days ago
parent
commit
6417018439
  1. 21
      src/views/archivesMIOD/‌filingCabinet/index.vue

21
src/views/archivesMIOD/‌filingCabinet/index.vue

@ -534,38 +534,43 @@ export default {
}
.file-cabinet {
// background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%);
border-radius: 8px;
padding: 15px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
margin-right: 20px;
height: calc(100vh - 180px);
}
.cabinet-grid {
display: flex;
gap: 8px;
height: 100%;
}
.cabinet-column {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.cabinet-column:nth-child(1) .cabinet-cell {
height: 75px;
.cabinet-column:nth-child(1) .cabinet-cell:not(.cabinet-cell-big) {
flex: 1;
min-height: 0;
width: 100px;
}
.cabinet-column:nth-child(2) .cabinet-cell,
.cabinet-column:nth-child(3) .cabinet-cell,
.cabinet-column:nth-child(4) .cabinet-cell {
height: 50px;
.cabinet-column:nth-child(2) .cabinet-cell:not(.cabinet-cell-big),
.cabinet-column:nth-child(3) .cabinet-cell:not(.cabinet-cell-big),
.cabinet-column:nth-child(4) .cabinet-cell:not(.cabinet-cell-big) {
flex: 1;
min-height: 0;
width: 100px;
}
.cabinet-column .cabinet-cell-big {
height: 120px !important;
height: 140px;
width: 100px;
}
.cabinet-cell {

Loading…
Cancel
Save