vuedx/src/App.vue

<!--
 * @Author: wt 1241351815@qq.com
 * @Date: 2022-04-25 10:24:58
 * @LastEditors: wt 1241351815@qq.com
 * @LastEditTime: 2022-05-13 09:09:20
 * @FilePath: \vuedx\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
<style>
/* 滑动条 */
::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}
/* 下拉框底部颜色 */
::-webkit-scrollbar-track-piece{
background: transparent !important;
}
.el-input__inner{
  height:28px !important;
  line-height: 28px !important;
}
.el-input-number--small{
  height:26px !important;
  line-height: 26px !important;
}
.el-textarea .el-input__count,.el-input .el-input__count .el-input__count-inner{
  font-size: 8px;
  height: 12px;
  line-height: 12px;
  background: transparent !important
}

.el-input-number--medium{
  width:auto;
  line-height:28px;
}
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
    line-height: 13px;
}
.el-table::before{
  height:0;
  bottom: none !important;
}
/* 时间搜托图标位置 */
.el-range-editor--small .el-range__icon, .el-range-editor--small .el-range__close-icon{
  margin-top:-4px;
}
.el-range-editor--small .el-range-separator{
  margin-top:-6px;
}

/* 部门框高度 */
.vue-treeselect--searchable .vue-treeselect__input-container{
  height:28px !important;
  line-height: 20px !important;
}
.vue-treeselect__control{
  height:28px !important;
  margin-top:4px;
}
.vue-treeselect__placeholder, .vue-treeselect__single-value{
  top:-4px !important;
}

/* 数字加减图标位置 */
.el-input-number{
  line-height: 28px !important;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease{
  line-height:10px;
}
.el-input-number--small{
  height:28px !important;
  line-height: 26px !important;
}
.el-textarea .el-input__count,.el-input .el-input__count .el-input__count-inner{
  font-size: 8px;
  height: 12px;
  line-height: 12px;
  background: transparent !important
}

.el-input-number--medium{
  width:auto;
  line-height:28px;
}
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
    line-height: 13px;
}
.el-scrollbar__wrap{
  margin-bottom:-17px !important;
}
.el-menu-item{
  height:48px;
  line-height: 48px;
}
.el-form-item{
   margin-bottom:20px;
 }
.el-form-item__error{
  top:95%;
}
</style>