<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App'
}
</script>

<style lang="scss" type="text/stylus">
  body {
    font-family:”Microsoft YaHei”,Arial,Helvetica,sans-serif;
  }
  /* 在全局CSS里引用: */
  /* 滚动条宽度 */
  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  /* 滚动条的滑块 */
  ::-webkit-scrollbar-thumb {
    background-color: #c0ccda;
    border-radius: 6px;
  }

  /* ---------  自定义class全局统一样式  ---------- */
  .app-container {
    height: 100%;

    .box-card {
      height: 100%;
      overflow: hidden;
    }
  }

  /* --- start --- element组件样式重置 全局  --  start ----- */
  .el-card__header{
    padding: 12px;
    /* 修改在此class中的p */
    p {
      margin: 0;
    }
  }

  // 搜索条件 样式
  .queryFormInline {
    .el-form-item {
      margin: 0 5px ;
      padding: 0;
    }
  }
  /* --- end --- element组件样式重置  --  end ----- */
</style>