<!--
 * @author: ym
 * @Date: 2021-09-28 10:53:53
 * @LastEditTime: 2022-08-23 15:29:04
 * @LastEditors: chenkangxu
 * @Description: 
 * @FilePath: \background-front-end\src\App.vue
-->
<template>
  <transition name="fade">
    <router-view></router-view>
  </transition>
</template>

<script>
export default {};
</script>
<style lang="scss">
@import "@/assets/styles/style.scss";
// @import '../node_modules/bulma/bulma.sass'
//tinymce层级问题
.tox-tinymce-aux {
  z-index: 9998 !important;
}
//message层级问题，主要课程管理编辑新增盖住了message
.el-message {
  z-index: 9999 !important;
}
.el-cascader-menu__wrap {
  height: 267px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border-radius: 10px;
  background-color: #ccc;
  transition: 0.3s ease-in-out;
  &:hover {
    background-color: #aaa;
  }
  &:active {
    background-color: #666;
  }
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
//重绘obj表头样式，与element对齐
.obj-table-header-cell {
  background: #fff;
  .vxe-cell {
    // font-weight: 100;
    color: #919398;
  }
}
</style>
