fix:修改新风系统弹窗 优化页面展示
This commit is contained in:
@@ -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;
|
||||
|
@@ -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"
|
||||
|
Reference in New Issue
Block a user