big_data_ott/src/App.vue

<template>
  <el-config-provider :locale="locale">
    <el-scrollbar height="100vh" always wrap-class="scorll">
      <div id="nav" >
        <!-- <router-link to="/">栏目</router-link> |
      <router-link to="/channel">频道</router-link> |
      <router-link to="/realData">直播数据</router-link> -->
        <router-view />
      </div>
    </el-scrollbar>
  </el-config-provider>
</template>
<script>
import locale from "element-plus/lib/locale/lang/zh-cn";

export default {
  name: "Program",
  data() {
    return {
      locale,
    };
  },
  methods: {},
  components: {},
};
</script>

<style>
* {
  padding: 0;
  margin: 0;
  font-weight: 400;
  box-sizing: border-box;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
body{
  position: relative;
}
body .el-date-table td.current:not(.disabled) span,
body .el-date-table td.end-date span, body .el-date-table td.start-date span{
  background-color: #313759 
}
body .el-range-editor.is-active,body .el-select .el-input.is-focus .el-input__inner, body .el-select .el-input__inner:focus{
  border-color: #313759 
}
body .el-date-table td.today span, body .el-select-dropdown__item.selected,body .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
  color: #313759 
}
body .el-date-editor--daterange.el-input__inner,body .el-date-editor--timerange.el-input__inner{
  width:220px
}
.nav{
  min-height: 100vh;
}
</style>