Forráskód Böngészése

fix bug: floor-list组件点击下箭头 整体楼层上移的问题

yx 4 éve
szülő
commit
659e3dec34
1 módosított fájl, 3 hozzáadás és 3 törlés
  1. 3 3
      src/components/floorList.vue

+ 3 - 3
src/components/floorList.vue

@@ -6,12 +6,12 @@
 <template>
     <div class='floor-box'>
         <div class='floor-list'>
-            <div class='icon-top' v-if='floorsArr.length>showNumber'>
+            <div class='icon-top' v-if='floorsArr.length>8'>
                 <!-- @click='changeFloor(1,currIndex)' -->
                 <img v-show='parseInt(marginTop) !== 0' v-repeat-click='increase' src='@/assets/imgs/iconBlackTop.png' alt />
                 <img class='disabled' v-show='parseInt(marginTop) === 0' src='@/assets/imgs/iconLightTop.png' alt />
             </div>
-            <div class='floor-out' :style='{ maxHeight:conHeight + "px;" }'>
+            <div class='floor-out' :style='{ height:conHeight + "px" }'>
                 <!--  放开marginTop样式  -->
                 <div class='floor-center' :style='{ marginTop : marginTop }'>
                     <div
@@ -23,7 +23,7 @@
                     >{{item.code}}</div>
                 </div>
             </div>
-            <div class='icon-bottom' v-if='floorsArr.length>showNumber'>
+            <div class='icon-bottom' v-if='floorsArr.length>8'>
                 <!-- v-repeat-click='decrease' -->
                 <img v-show='parseInt(marginTop) !== marginTopMax' v-repeat-click='decrease' src='@/assets/imgs/iconBlackBottom.png' alt />
                 <img class='disabled' v-show='parseInt(marginTop) === marginTopMax' src='@/assets/imgs/iconLightBottom.png' alt />