iot-front-ui/src/components/life/restaurant/lifeRestaurant.vue

<script>
export default {
  data() {
    return {}
  },
  created() {
  },
  mounted() {
  },
  methods: {

  }
}
</script>

<template>
  <div class="lifeRestaurant">
    <div class="lifeRestaurant-query"></div>
    <div class="lifeRestaurant-core"></div>
    <div class="lifeRestaurant-left">
      <div class="lifeRestaurant-eat"></div>
      <div class="lifeRestaurant-consume"></div>
      <div class="lifeRestaurant-profit"></div>
      <div class="lifeRestaurant-pay"></div>
    </div>
    <div class="lifeRestaurant-right"></div>
  </div>
</template>

<style lang="less" scoped>
.lifeRestaurant {
  width: 100%;
  height: 1500px;
  display: inline-block;
  vertical-align: top;
  .lifeRestaurant-query {
    width: 100%;
    height: 60px;
    border: 1px solid red;
  }
  .lifeRestaurant-core {
    width: 100%;
    height: 200px;
    border: 1px solid red;
  }
  .lifeRestaurant-left {

  }
  .lifeRestaurant-right {

  }
}
</style>