|
@@ -6,7 +6,7 @@
|
|
<template>
|
|
<template>
|
|
<div class='floor-box'>
|
|
<div class='floor-box'>
|
|
<div class='floor-list'>
|
|
<div class='floor-list'>
|
|
- <i class='el-icon-caret-top icon-top' v-if='showT' @click='removeTop'></i>
|
|
|
|
|
|
+ <i class='el-icon-caret-top icon-top' v-if='showT' @click='removeTop(num)'></i>
|
|
<i class='el-icon-caret-top icon-top' v-else style='color:#ccc'></i>
|
|
<i class='el-icon-caret-top icon-top' v-else style='color:#ccc'></i>
|
|
<div class='floor-out'>
|
|
<div class='floor-out'>
|
|
<div class='floor-center'>
|
|
<div class='floor-center'>
|
|
@@ -19,7 +19,7 @@
|
|
>{{item}}</div>
|
|
>{{item}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <i class='el-icon-caret-bottom icon-bottom' v-if='showB' @click='removeBottom'></i>
|
|
|
|
|
|
+ <i class='el-icon-caret-bottom icon-bottom' v-if='showB' @click='removeBottom(num)'></i>
|
|
<i class='el-icon-caret-bottom icon-bottom' v-else style='color:#ccc'></i>
|
|
<i class='el-icon-caret-bottom icon-bottom' v-else style='color:#ccc'></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -37,13 +37,14 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
|
|
+ this.removeBottom(-5)
|
|
this.tabFloor()
|
|
this.tabFloor()
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
...mapGetters(['floorsArr'])
|
|
...mapGetters(['floorsArr'])
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- tabFloor(item, index) {
|
|
|
|
|
|
+ tabFloor(item = '1F', index) {
|
|
this.showT = true
|
|
this.showT = true
|
|
this.showB = true
|
|
this.showB = true
|
|
this.$cookie.set('floorNow', item, 3)
|
|
this.$cookie.set('floorNow', item, 3)
|
|
@@ -51,7 +52,8 @@ export default {
|
|
console.log(index)
|
|
console.log(index)
|
|
this.$emit('emitFloor', index + 1)
|
|
this.$emit('emitFloor', index + 1)
|
|
},
|
|
},
|
|
- removeTop() {
|
|
|
|
|
|
+ removeTop(num) {
|
|
|
|
+ this.num = num
|
|
var inner = document.querySelectorAll('.floor-item')
|
|
var inner = document.querySelectorAll('.floor-item')
|
|
var innerbox = document.querySelector('.floor-center')
|
|
var innerbox = document.querySelector('.floor-center')
|
|
if (this.num < 0) {
|
|
if (this.num < 0) {
|
|
@@ -64,7 +66,9 @@ export default {
|
|
animate(innerbox, { marginTop: 28 * this.num }, 500, function() {})
|
|
animate(innerbox, { marginTop: 28 * this.num }, 500, function() {})
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- removeBottom() {
|
|
|
|
|
|
+ removeBottom(num) {
|
|
|
|
+ console.log(num)
|
|
|
|
+ this.num = num
|
|
var inner = document.querySelectorAll('.floor-item')
|
|
var inner = document.querySelectorAll('.floor-item')
|
|
var innerbox = document.querySelector('.floor-center')
|
|
var innerbox = document.querySelector('.floor-center')
|
|
if (this.num > -(inner.length - 4)) {
|
|
if (this.num > -(inner.length - 4)) {
|