<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'

export default {
  data () {
    return {
      locale: zhCN
    }
  },
  watch: {
    '$route.path' (val) {
      console.log(val)
    }
  },
  mounted () {
    document.title = this.pageTitle
  }
}
</script>

<style lang="scss">
.note{
  color: #999;
}

.fr-box {
  margin-bottom: 5px;
}
.fr-placeholder{
  margin-top: 0 !important;
}
.workTimesItem {
  border: 1px solid #ddd; position: relative; padding: 5px; border-radius: 5px; margin: 5px 0;
  ul,li {padding: 0;
    margin: 0;list-style: none;
  }
  .ant-form-item {
    margin-bottom: 0;
  }
  .ant-tag{
    position: absolute; right: 0px;top: 10px;
  }
  .btns-wrap{
    text-align: center;
  }
}

.fr-wrapper > div[style*='z-index: 9999'] {
  display: none;
}
.el-scrollbar__thumb {
  background: rgba(0, 150, 158, .4);
}
.el-scrollbar__thumb:hover {
  background: rgba(0, 150, 158, .6);
}

.form-wrap {
  .ant-form-item {
    display: flex;
  }
  .ant-form-item-control-wrapper {
    flex: 1;
  }
}

.ant-card-head-title {
  color: #0099a0;
}
.ant-card {
  margin-bottom: 10px;
  .btns-wrap{
    text-align: right;
  }
}

.ant-btn +.ant-btn{
  margin-left: 10px;
}

.tags-wrap {
  .ant-tag {
    line-height: 26px; height: 26px; margin-bottom: 10px;user-select:none;
  }
}

@media (max-width: 575px) {
  .form-wrap {
    .ant-form-item {
      display: block;
    }
  }
}

</style>
