zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新页面

Browse Source
This commit is contained in:
zy_zr 2025-04-16 09:33:29 +08:00
parent 8189e2ca5a
commit 16b8bc2467
5 changed files with 72 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/css/homeScreen.scss
View File

@ -6,16 +6,13 @@
.homeBox{
width: 100%;
height: 100vh;
.home-contant{
.home-aside{
position: relative;
width: 442px;
top: 70px;
width: 100%;
height: 100%;
height: calc(100vh - 72px);
overflow: hidden;
z-index: 2;
.home-aside{
width: 442px;
height: 100%;
z-index: 10;
.asideTitle{
display: flex;
@ -50,7 +47,6 @@
left: 50%;
transform: translateX(-50%);
}
}
// 头部
.headBox {
position: fixed;
@ -203,7 +199,7 @@
.home-center{
position: absolute;
left: 50%;
top: 0px;
top: 70px;
transform: translateX(-50%);
width: calc(100% - 920px);
height: 80px;
@ -211,10 +207,10 @@
.home-foot{
position: absolute;
left: 50%;
bottom: 0px;
bottom: 2px;
transform: translateX(-50%);
width: calc(100% - 920px);
height: calc((100% - 141px)/3 - 9px);
height: calc((100% - 141px)/3 - 32px);
min-width: 560px;
overflow: hidden;
background: url("~@/assets/images/right-1.png") no-repeat center center;

BIN
src/assets/images/bg02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

28
src/views/KeyPopulations/index.vue
View File

@ -2,13 +2,11 @@
<div class="homeBox">
<!-- 头部 -->
<Head type="importantPerson"></Head>
<!-- 内容 -->
<div class="home-contant">
<!-- 左边 -->
<!-- 左边内容 -->
<div class="home-aside asideL" style="left:0">
<ImportantPerson></ImportantPerson>
</div>
<!-- 右边 -->
<!-- 右边内容 -->
<div class="home-aside asideR" style="right:0">
<div class="aside-middle mt60">
<Zdrqhd></Zdrqhd>
@ -17,8 +15,10 @@
<Yjclqktj></Yjclqktj>
</div>
</div>
<div class="foot">
<div class="footBtn"><span>发布指令</span></div>
</div>
<div class="foot"></div>
</div>
</template>
@ -39,6 +39,24 @@ import Yjclqktj from './model/yjclqktj.vue'
height: 107px;
background: url("~@/assets/images/foot.png") no-repeat center center;
background-size: 100% 100%;
.footBtn{
position: absolute;
left: 50%;
bottom: 46px;
transform: translate(-50%);
width: 110px;
height: 110px;
text-align: center;
background: url("~@/assets/images/bg02.png") no-repeat center center;
background-size: 100% 100%;
cursor: pointer;
span{
display: inline-block;
width: 32px;
white-space: wrap;
margin-top: 37px;
}
}
}
.asideL{
background: linear-gradient( to right, rgba(78, 98, 132,0.8) 0%, #fff 100%);

2
src/views/home/index.vue
View File

@ -3,7 +3,6 @@
<!-- 头部 -->
<Head></Head>
<!-- 内容 -->
<div class="home-contant">
<!-- 左边 -->
<div class="home-aside asideL">
<div class="asideL-top">
@ -28,7 +27,6 @@
<Bkcz></Bkcz>
</div>
</div>
</div>
</template>
<script setup>

2
src/views/home/model/bkcz.vue
View File

@ -99,7 +99,7 @@ const changePage = () => {
};
const tabHeightFn = () => {
pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 10;
pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 12;
window.onresize = function () {
tabHeightFn();
};