解决项目概览页overflow问题

main
wuyize 2022-07-08 23:26:52 +08:00
parent 84b9dfb155
commit 8df4828202
1 changed files with 11 additions and 2 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<el-scrollbar style="width: 100%;height: 100%;"> <el-scrollbar :height="viewHeight" style="width: 100%;">
<div style="height: 300px;margin: 0 30px 30px 30px; <div style="height: 300px;margin: 0 30px 30px 30px;
display: flex;flex-direction: row;justify-content: space-between"> display: flex;flex-direction: row;justify-content: space-between">
<div style="width: 32%; height: 100%;display: flex;flex-direction: column"> <div style="width: 32%; height: 100%;display: flex;flex-direction: column">
@ -188,7 +188,9 @@ export default {
totalNum: 0, totalNum: 0,
projectClasses: [], projectClasses: [],
projectSubClasses: [] projectSubClasses: [],
viewHeight: 0
} }
}, },
props: { props: {
@ -245,6 +247,13 @@ export default {
this.getProjectStats(); this.getProjectStats();
this.getProjectClass() this.getProjectClass()
}, },
mounted() {
const that = this
this.viewHeight = window.innerHeight - 140;
window.onresize = () => {
that.viewHeight = window.innerHeight - 140;
};
},
methods: { methods: {
formatDate(date) { formatDate(date) {