DataDisplayPlatform_WebApp/src/App.vue

<template>
  <Header v-if="this.$store.state.isLogin"></Header>
  <router-view></router-view>
</template>

<script>
import Header from "comps/Header.vue";
import * as echarts from "echarts";
import { provide } from "vue";

export default {
  components: {
    Header,
  },
  setup() {
    provide("ec", echarts);
    return {};
  },
};
</script>
<style>
.info-box {
  width: 460px;
  height: calc(100% - 36px);
  padding: 18px 30px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #20364f 0%, rgba(27, 50, 74, 0.85) 100%);
}

.bar {
  overflow: scroll;
  overflow-x: hidden;
}

.bar::-webkit-scrollbar-track {
  background: #2f4966;
  border-radius: 5px;
}

.bar::-webkit-scrollbar {
  width: 5px;
  background: blue;
  border-radius: 5px;
}

.bar::-webkit-scrollbar-thumb {
  background: #10ffb9;
  border-radius: 5px;
}
</style>