deviceManager/src/App.vue

<!--
 * @Author: wt 1241351815@qq.com
 * @Date: 2022-04-25 10:00:04
 * @LastEditors: wt 1241351815@qq.com
 * @LastEditTime: 2022-05-13 10:35:28
 * @FilePath: \deviceManager\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 lang="scss" scoped>
::v-deep {
  .el-table__body-wrapper::-webkit-scrollbar {
    /*width: 0;宽度为0隐藏*/
    width: 4px;
    height:4px;
  }
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 6px;
    height: 50px;
    background: rgba(40, 190, 252, .6);//滚动条颜色
  }
  .el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background: #eee;//滚动条背景色
  }
}

</style>
<style>
/* input 样式 */
.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;
}
/* 部门框高度 */
.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-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-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease]{
  line-height: 13px;
}
.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;
}

/* 时间input */
.el-date-editor.el-input, .el-date-editor.el-input__inner{
  width:100% !important;
}
.time .el-form-item__label{
  width:auto !important;
}
.el-form-item__content span{
  font-weight: 700;
  /* color:#1890ff; */
}
</style>