样式调整

shuishen

2022-11-26 2f26fbc8e76dc8f4c87696367e2ead8f6b7a452a

 src/views/home/components/leftContainer.vue

@@ -3,16 +3,9 @@
        <div class="person-box">
            <div class="title">
                <div>
                    <span
                        class="peopleTap"
                        :class="{ choosed: peopletype == 0 }"
                        @click="peopleTabClick(0)"
                    >现有人员</span>/
                    <span
                        class="peopleTap"
                        :class="{ choosed: peopletype == 1 }"
                        @click="peopleTabClick(1)"
                    >重点人员</span>
                    <span class="peopleTap" :class="{ choosed: peopletype == 0 }"
                        @click="peopleTabClick(0)">现有人员</span>/
                    <span class="peopleTap" :class="{ choosed: peopletype == 1 }" @click="peopleTabClick(1)">重点人员</span>
                </div>
                <div>
                    共
@@ -35,12 +28,7 @@
                </div>
            </div>
            <div id="PersonEcharts" class="echarts-box"></div>
            <div
                class="back"
                title="返回上一级"
                v-show="dataDeep == 2 && peopletype == 0"
                @click="backBegin"
            ></div>
            <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>
        </div>
        <div class="house-box">
            <div class="title">现有房屋</div>
@@ -835,7 +823,7 @@
    height: 100%;

    .person-box {
        height: 35%;
        height: 300px;

        .peopleTap {
            color: rgb(98, 95, 95);
@@ -881,19 +869,17 @@
        }
    }

    .house-box {
        flex: 1;
    }

    .land-box {
        height: 310px;
        height: 300px;
    }

    .person-box,
    .house-box,
    .land-box {
        margin: 8px;
        display: flex;
        flex-direction: column;
        background: $bg-color;

        .title::after {
            content: '';
@@ -914,7 +900,7 @@
            text-align: left;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            background-image: linear-gradient(to right, #2e4aba, #010d3e);
@@ -923,7 +909,7 @@
                color: #fff;
            }

            & > div:nth-of-type(2) {
            &>div:nth-of-type(2) {
                font-size: 14px;
            }
        }
@@ -945,7 +931,7 @@
                border: 1px solid rgba(20, 50, 123, 1);
                cursor: pointer;

                & > div {
                &>div {
                    height: 26px;
                    line-height: 26px;
                }
@@ -963,6 +949,12 @@
        }
    }

    .house-box {
        flex: 1;
        margin-top: 0;
        margin-bottom: 0;
    }

    :deep(.el-table__body-wrapper) {
        overflow-x: hidden !important;
    }