统计页面添加布局

guanqb

2023-03-10 530a78a71da4567e759e268047e4b46cb9082cca

 src/views/statistics/index.vue

@@ -1,12 +1,18 @@
<template>
    <div class="container">
        'statistics'
        <left-container class="left-container"></left-container>
        <right-container class="right-container"></right-container>
    </div>
</template>

<script>
import leftContainer from './components/leftContainer'
import rightContainer from './components/rightContainer'

export default {
  name: 'statistics',
  components:{leftContainer,rightContainer},

  data(){
    return {

@@ -20,6 +26,28 @@
<style scoped lang="scss">
  .container {
    position: relative;
    width: 100%;
    .left-container {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        width: 400px;
        height: calc(100vh - 60px);
        z-index: 90;
    }

    .right-container {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 60px;
        right: 0;
        width: 400px;
        height: calc(100vh - 60px);
        z-index: 90;
    }
  }

</style>