样式调整

shuishen

2022-11-28 4f209e33a1a159c0e9cbee05ae18d628feb46d74

 src/views/home/components/rightContainer.vue

@@ -123,9 +123,7 @@

        this.$nextTick(() => {
            window.addEventListener("resize", this.echartsResize)
            this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 52

            console.log(this.tableHeight, this.$refs.Container.offsetHeight, this.$refs.caseBox.offsetHeight, this.$refs.crowdBox.offsetHeight, this.$refs.alertBoxTitle.offsetHeight, 32)
            this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 82
        })
        this.equipmentEchartsCarousel()
    },
@@ -668,11 +666,15 @@
        flex-direction: column;
        background: $bg-color;

        background-image: url(/img/box/box-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .title::after {
            content: '';
            position: absolute;
            top: 15px;
            left: 0;
            top: 13px;
            left: 6px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
@@ -682,13 +684,14 @@
        }

        .title {
            padding: 0 18px 0 25px;
            margin-top: 8px;
            padding: 0 18px 0 30px;
            position: relative;
            text-align: left;
            height: 40px;
            line-height: 40px;
            height: 36px;
            line-height: 36px;
            font-size: 16px;
            background-image: linear-gradient(to right, #2e4aba, #010d3e);
            // background-image: linear-gradient(to right, #2e4aba, #010d3e);

            .timer {
                width: 250px;
@@ -759,6 +762,11 @@
        margin-top: 0;
        margin-bottom: 0;

        .title {
            height: 34px;
            line-height: 34px;
        }

        .echarts-box {
            overflow-x: hidden;
            overflow-y: auto;