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-22 16:39:00 +08:00
parent 2bab50039d
commit 42e9bc961d
443 changed files with 126493 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,71 +1,73 @@
<template>
<div class="homeBox">
<!-- 头部 -->
<Head type="importantPerson"></Head>
<!-- 左边内容 -->
<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>
</div>
<div class="aside-middle">
<Yjclqktj></Yjclqktj>
</div>
</div>
<div class="foot">
<div class="footBtn"><span>发布指令</span></div>
</div>
<div class="homeBox">
<GdMap></GdMap>
<!-- 头部 -->
<Head type="importantPerson"></Head>
<!-- 左边内容 -->
<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>
</div>
<div class="aside-middle">
<Yjclqktj></Yjclqktj>
</div>
</div>
<div class="foot">
<div class="footBtn"><span>发布指令</span></div>
</div>
</div>
</template>
<script setup>
import Head from '@/views/home/layout/head.vue';
import ImportantPerson from './model/importantPerson.vue'
import Zdrqhd from './model/zdrqhd.vue'
import Yjclqktj from './model/yjclqktj.vue'
import GdMap from "@/components/GdMap/index.vue";
import Head from "@/views/home/layout/head.vue";
import ImportantPerson from "./model/importantPerson.vue";
import Zdrqhd from "./model/zdrqhd.vue";
import Yjclqktj from "./model/yjclqktj.vue";
</script>
<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
.foot{
.foot {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%);
width: 1380px;
height: 107px;
background: url("~@/assets/images/foot.png") no-repeat center center;
background-size: 100% 100%;
.footBtn {
position: absolute;
left: 50%;
bottom: 0;
bottom: 46px;
transform: translate(-50%);
width: 1380px;
height: 107px;
background: url("~@/assets/images/foot.png") no-repeat center center;
width: 110px;
height: 110px;
text-align: center;
background: url("~@/assets/images/bg02.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;
}
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%);
.asideL {
background: linear-gradient(to right, rgba(78, 98, 132, 0.8) 0%, #fff 100%);
}
.asideR{
background: linear-gradient( to left, rgba(78, 98, 132,0.8) 0%, #fff 100%);
.asideR {
background: linear-gradient(to left, rgba(78, 98, 132, 0.8) 0%, #fff 100%);
}
.homeBox .home-contant .home-aside .aside-middle{
height: calc((100% - 60px)/2);
.homeBox .home-contant .home-aside .aside-middle {
height: calc((100% - 60px) / 2);
}
.transition {
transition: all 0.5s;