|
@@ -7,21 +7,23 @@
|
7
|
7
|
<yz-modal :visible="visible[index]" class="apartment-modal">
|
8
|
8
|
<pure-image :bg-image="item.image"></pure-image>
|
9
|
9
|
<div class="back-sign" @click="cancelShow(index)">
|
10
|
|
- <img :src="item.backSign" alt="">
|
|
10
|
+ <img :src="item.backSign" alt />
|
11
|
11
|
</div>
|
12
|
12
|
</yz-modal>
|
13
|
13
|
</div>
|
14
|
14
|
<yz-modal :visible="visible[5]" class="apartment-modal">
|
15
|
15
|
<swiper-image :list="houseList"></swiper-image>
|
16
|
16
|
<div class="back-sign" @click="cancelShow(5)">
|
17
|
|
- <img :src="backSignImg" alt="">
|
|
17
|
+ <img :src="backSignImg" alt />
|
18
|
18
|
</div>
|
19
|
19
|
</yz-modal>
|
|
20
|
+ <div class="back-sign index-back" @click="handleGotoIndex(index)">
|
|
21
|
+ <img :src="backSignImg" alt />
|
|
22
|
+ </div>
|
20
|
23
|
</div>
|
21
|
24
|
</template>
|
22
|
25
|
|
23
|
26
|
<script>
|
24
|
|
-
|
25
|
27
|
const backSignImg = require('@/assets/images/apartment/backSign.png')
|
26
|
28
|
const backSignImg2 = require('@/assets/images/apartment/backSign-2.png')
|
27
|
29
|
|
|
@@ -107,6 +109,9 @@ export default {
|
107
|
109
|
},
|
108
|
110
|
cancelShow(inx) {
|
109
|
111
|
this.$set(this.visible, inx, false)
|
|
112
|
+ },
|
|
113
|
+ handleGotoIndex(inx) {
|
|
114
|
+ this.$router.push({ path: '/' })
|
110
|
115
|
}
|
111
|
116
|
}
|
112
|
117
|
}
|
|
@@ -116,6 +121,7 @@ export default {
|
116
|
121
|
.apartment {
|
117
|
122
|
height: 100%;
|
118
|
123
|
position: relative;
|
|
124
|
+ overflow: hidden;
|
119
|
125
|
|
120
|
126
|
.apartment-modal {
|
121
|
127
|
// position: absolute;
|