优化绑定房源操作中的页面效果
This commit is contained in:
parent
c58d7cd2ba
commit
770d53a51b
@ -107,7 +107,7 @@
|
|||||||
|
|
||||||
<div class="roomList">
|
<div class="roomList">
|
||||||
<!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
|
<!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
|
||||||
<div @click="nextStep(item, index, 'room')" :class="{ active2: index === selectedRoomIndex }" class="roomItem"
|
<div @click="nextStep(item, index, 'room')" :class="{ active2: index === selectedFinalRoomIndex }" class="roomItem"
|
||||||
v-for="(item, index) in filteredFloorsList" :key="index">
|
v-for="(item, index) in filteredFloorsList" :key="index">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</div>
|
</div>
|
||||||
@ -152,6 +152,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
selectedFloorIndex: -1,
|
selectedFloorIndex: -1,
|
||||||
selectedRoomIndex: -1,
|
selectedRoomIndex: -1,
|
||||||
|
selectedFinalRoomIndex: -1, // 添加新的选中索引变量
|
||||||
show: false,
|
show: false,
|
||||||
step: "1",
|
step: "1",
|
||||||
communityName: "",
|
communityName: "",
|
||||||
@ -209,7 +210,12 @@ export default {
|
|||||||
},
|
},
|
||||||
async nextStep(item, index, type = "") {
|
async nextStep(item, index, type = "") {
|
||||||
if (type === "room") {
|
if (type === "room") {
|
||||||
|
// 根据当前步骤设置不同的选中索引
|
||||||
|
if (this.step == 3) {
|
||||||
this.selectedRoomIndex = index;
|
this.selectedRoomIndex = index;
|
||||||
|
} else if (this.step == 4) {
|
||||||
|
this.selectedFinalRoomIndex = index;
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
this.selectedFloorIndex = index;
|
this.selectedFloorIndex = index;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user