|
|
@@ -133,13 +133,16 @@ onMounted(() => {
|
|
|
<style scoped lang="scss">
|
|
|
.overview {
|
|
|
display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- width: 100%;
|
|
|
+ // flex-wrap: wrap;
|
|
|
+ // width: 100%;
|
|
|
+ overflow-x: auto;
|
|
|
}
|
|
|
.overview-item {
|
|
|
- width: calc((100% - 84px) / 8);
|
|
|
- min-width: calc((100% - 84px) / 8);
|
|
|
- max-width: calc((100% - 84px) / 8);
|
|
|
+ // width: calc((100% - 84px) / 8);
|
|
|
+ // min-width: calc((100% - 84px) / 8);
|
|
|
+ // max-width: calc((100% - 84px) / 8);
|
|
|
+ width: 180px;
|
|
|
+ min-width: 180px;
|
|
|
margin: 0 12px 12px 0;
|
|
|
height: 175px;
|
|
|
border-radius: 12px;
|
|
|
@@ -155,4 +158,17 @@ onMounted(() => {
|
|
|
font-weight: 700;
|
|
|
font-size: 44px;
|
|
|
}
|
|
|
+::-webkit-scrollbar {
|
|
|
+ width: 10px;
|
|
|
+ height: 6px;
|
|
|
+ // display: none;
|
|
|
+}
|
|
|
+::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
|
|
|
+ // 滚动条-颜色
|
|
|
+ background: #c3c3c379;
|
|
|
+}
|
|
|
+::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
|
|
|
+ // 滚动条-底色
|
|
|
+ background: #e5e5e58f;
|
|
|
+}
|
|
|
</style>
|
