<template>
  <div id="index" style="position: relative">
    <div class="full-width full-height main-container ">
      <div class="elevator-list flex jc-center">
        <Left1></Left1>
      </div>
      
      <div class="mt-4" >
        <Right></Right>
      </div>
    </div>
  </div>
</template>

<script>
import Left1 from "./left1.vue";
import Right from "./right.vue";
export default {
  components: { Left1, Right },
  data() {
    return {};
  },

  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
// @import "../../assets/scss/index.scss";
.map {
  width: 100%;
}
.elevator-list{
  max-height: 8.5rem;
  overflow-y: hidden;
}
.main-container {
  width: 100%;
  min-height: 100vh;
  background: rgb(6, 15, 48);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 3.5rem;
  padding-top: 1.25rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
</style>
