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

<script>
  export default{
    name: 'APP',
    // 监听,当路由发生变化的时候执行
    watch: {
      $route: {
        handler: function(val, oldVal) {

        },
        // 深度观察监听
        deep: true
      }
    }
  }
</script>

<style lang="scss">
  @import './styles/index.scss'; // 全局自定义的css样式
  body .el-table th.gutter{
    display: table-cell!important;
  }
  @font-face {
    font-family: 'iconfont';  /* project id 1739211 */
    src: url('//at.alicdn.com/t/font_1739211_q2limaqw3k.eot');
    src: url('//at.alicdn.com/t/font_1739211_q2limaqw3k.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1739211_q2limaqw3k.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1739211_q2limaqw3k.woff') format('woff'),
    url('//at.alicdn.com/t/font_1739211_q2limaqw3k.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1739211_q2limaqw3k.svg#iconfont') format('svg');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
  i.focus-i:hover{
    cursor: pointer;
  }
  .flex-aic{
    display: flex;
    align-items: center;
  }
  .flex-wrap{
    display: flex;
    flex-wrap: wrap;
  }
  .flex-aic-jcb{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flex-aic-jcc{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .el-button--primary.is-plain{
    color: #516FCD !important;
    border: 0.5px solid #82AAF9 !important;
    background: #E4ECFC !important;
  }
  .filter-container .el-form--inline .el-form-item{
    margin-bottom: 10px;
  }
  .xiajia{
    color:#58CB73;
    font-size: 14px;
  }
  .default-btn-text{
    color: #5178F2;
    font-size: 14px;
  }
  .el-radio__input.is-checked .el-radio__inner{
    background: #5178F2;
    border-color: #5178F2;
  }
  .el-radio__input.is-checked+.el-radio__label{
    color: #5178F2;
  }
  .top-title-main{
    border-bottom: 1px solid #eee;
  }
  .c-top-main{
    width: calc(100% - 0px);
    position: absolute;
    height: 70px;
    top: 0;
    z-index: 9;
    background: #fff;
    left: 0;
    padding: 16px 20px;
    border-radius: 10px 10px 0 0;
    border-bottom: 0.5px solid #eee;
  }
  .goods-add-footer{
    width: calc(100% - 0px);
    position: absolute;
    height: 76px;
    bottom: 0;
    z-index: 999;
    background: #fff;
    left: 0;
    padding: 16px;
    border-radius: 0 0 10px 10px;
    border-top: 0.5px solid #eee;
    box-shadow: 3px 0 6px rgba(0,0,0,0.16);
  }
  .goods-list-container{
    /*height: calc(100vh - 124px);*/
    overflow: auto;
  }
  .add-btn-default, .el-button--primary{
    background: #5178F2 !important;
    font-size: 14px;
    color: #fff !important;
    border: 0.5px solid #5178F2 !important;
  }
  .ellipsis{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .select-top-title{
    color: #516FCD;
    font-size: 16px;
    font-weight: normal;
  }
  .to-link-title{
    color: #666666;
    font-size: 18px;
    font-weight: normal;
  }
  .to-link-title:hover{
    cursor: pointer;
    color: #516FCD;
    opacity: 0.7;
  }

  .mrt-70{
    margin-top: 70px;
  }

  .mrt-50{
    margin-top: 50px;
  }

  .ellipsis-2{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .flex-aic{
    display: flex;
    align-items: center;
  }

  .unright{
    /*background: #eee !important;*/
    opacity: 0.1;
  }
  .unright:hover{
    cursor: default !important;
  }
  .unrightMenu{
    color: #999 !important;
  }
  .unrightMenu:hover{
    cursor: default !important;
  }
  .mt-70{
    margin-top: 70px;
  }
  .el-date-editor .el-range-separator{
    width: auto;
  }
  .clap {
    .el-date-editor.el-input, .el-date-editor.el-input__inner{
      width: 160px;
    }
  }
</style>
