admin/wisdomisitezwfront-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
This commit is contained in:
kun 2023-07-12 11:53:33 +08:00
parent a658fd67af
commit ee935746fc
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/goverment/huizhou/assessmentManagement/rankList/index.scss
View File

@ -34,8 +34,6 @@
}
.content-main {
// min-height: 400px;
overflow: hidden;
transition: 1s;
margin-top: 10px;
background: linear-gradient(90deg, rgba(50, 98, 179, 0.2) 0%, rgba(50, 98, 179, 0) 47%, rgba(50, 98, 179, 0.2) 100%);
}
@ -44,7 +42,13 @@
display: flex;
flex-direction: column;
.rank-content {
flex: 1;
overflow: hidden;
transition: 1s;
// flex: 1;
min-height: 36px;
.content-main {
height: calc(100% - 46px);
}
}
.rank-content:not(:last-child) {
margin-bottom: 20px;

14
src/views/goverment/huizhou/assessmentManagement/rankList/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="rank-page">
<div class="left">
<div class="rank-content">
<div class="rank-content" style="flex: 1">
<div class="content-title" @click="changeHeight(0)">
<img src="@/assets/images/hzImg/assessmentImg/textImg1.png" alt="" />
</div>
@ -20,7 +20,7 @@
</leftMenu2>
</div>
</div>
<div class="rank-content">
<div class="rank-content" style="flex: 1">
<div class="content-title" @click="changeHeight(1)">
<img src="@/assets/images/hzImg/assessmentImg/textImg2.png" alt="" />
</div>
@ -198,12 +198,12 @@ const records = ref([{ name: "123" }, { name: "234" }]);
const inputVal = ref("");
const changeHeight = index => {
// 更改高度，做隐藏收缩效果
const domList = document.querySelectorAll(".content-main") as NodeListOf<HTMLElement>;
console.log(domList[index].style.height);
if (domList[index].style["min-height"] == "" || domList[index].style["min-height"] == "400px") {
domList[index].style = "min-height:0px;";
const domList = document.querySelectorAll(".rank-content") as NodeListOf<HTMLElement>;
console.log(domList[index].style.flex);
if (domList[index].style.flex == "" || domList[index].style.flex == "1 1 0%") {
domList[index].style.flex = "0 1 0%";
} else {
domList[index].style = "min-height: 400px;";
domList[index].style.flex = "1 1 0%";
}
console.log(domList);
};