样式修改

This commit is contained in:
扈兆增 2026-04-02 09:35:08 +08:00
parent fb76f42760
commit 91d482a0f4
2 changed files with 22 additions and 27 deletions

View File

@ -63,6 +63,15 @@ svg {
height: 100%;
background-color: #ffffff;
}
.moduleContent{
display: flex;
flex-direction: row;
justify-content: space-between;
height: 100%;
position: relative;
}
.leftContent {
width: 188px;
}
@ -70,3 +79,4 @@ svg {
height: 98%;
position: relative;
}

View File

@ -1,36 +1,21 @@
<script setup lang="ts">
import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
import RightDrawer from "@/components/RightDrawer/index.vue";
import jidiInfoMod from '@/modules/jidiInfoMod/index.vue';
import shuidianhuangjingjieruMod from '@/modules/shuidianhuangjingjieruMod/index.vue';
import jidiInfoMod from "@/modules/jidiInfoMod/index.vue";
import shuidianhuangjingjieruMod from "@/modules/shuidianhuangjingjieruMod/index.vue";
</script>
<template>
<div class="all_width">
<div class="moduleContent">
<div class="leftContent">
<JidiSelectorMod />
</div>
<div class="rightContent">
<RightDrawer>
<jidiInfoMod />
<shuidianhuangjingjieruMod />
</RightDrawer>
</div>
<div class="moduleContent">
<div class="leftContent">
<JidiSelectorMod />
</div>
<div class="rightContent">
<RightDrawer>
<jidiInfoMod />
<shuidianhuangjingjieruMod />
</RightDrawer>
</div>
</div>
</template>
<style lang="scss">
.all_width{
width: 100%;
.moduleContent{
display: flex;
justify-content: space-between;
.rightContent{
height: 88vh;
width: 450px;
}
}
}
</style>
<style scoped lang="scss"></style>