fix:修改新风系统弹窗 优化页面展示

This commit is contained in:
zhaohy
2024-08-02 10:45:49 +08:00
parent c0fa5ad9be
commit bab2e8def5
6 changed files with 139 additions and 34 deletions

View File

@@ -6,13 +6,15 @@
<div class="box-center">
<template v-if="!showAllButtons">
<template v-for="(item, index) in dataSource.slice(0, 3)" :key="index">
<div
class="box-center-button"
:style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
<div style="width: 97.3px; height: 39px; background-color: #aaaaaa; padding: 1px">
<div
class="box-center-button"
:style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
</div>
</div>
</template>
<div style="width: 100%; height: 20px">
@@ -21,13 +23,15 @@
</template>
<template v-else>
<template v-for="(item, index) in dataSource" :key="index">
<div
class="box-center-button"
:style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
<div style="width: 94px; height: 39px; background-color: #aaaaaa; padding: 1px">
<div
class="box-center-button"
:style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
</div>
</div>
</template>
<div style="width: 100%; height: 20px">
@@ -171,10 +175,13 @@
flex-wrap: wrap;
gap: 10px;
.box-center-button {
width: 95px;
height: 40px;
background-color: #b5cdd9;
border: 1px solid #aaaaaa;
width: 100%;
height: 100%;
// background-color: #b5cdd9;
background-image: url(../../image/airConditioningSystem/buttonBg.svg);
background-size: 100%;
background-repeat: no-repeat;
border-radius: 4px; /* 圆角半径 */
text-align: center;
line-height: 40px;
cursor: pointer;

View File

@@ -125,7 +125,7 @@
</div>
</transition>
<!-- 地暖 -->
<div v-if="selectIndex === 5">
<div v-if="selectIndex === 4">
<template v-for="(item, index) in floorHeatingData" :key="index">
<div
style="position: absolute"
@@ -153,7 +153,7 @@
</div>
<!-- 地暖详情 -->
<a-drawer
:visible="selectIndex === 5"
:visible="selectIndex === 4"
:title="' '"
:mask="false"
class="newTrendModel"