初稿

ZZJ

2022-03-25 52ad37fba37a1ae72f124106627227a09836be5b

 src/App.vue

@@ -8,7 +8,7 @@
export default {};
</script>

<style>
<style lang="scss" >
@import "./assets/css/common.css";

* {
@@ -56,4 +56,99 @@
  border-bottom: none;
  display: block;
}

.el-input {
  .el-input__inner {
    width: 100%;
    color: #3d3d3d;
    border-radius: 0;
    border-color: #c0c5cc;
    &::-webkit-input-placeholder {
      color: #999999;
    }

    &:focus {
      border-color: #0065ff;
    }
  }
}

.el-select {
  width: 100%;

  input.el-input__inner:focus {
    border-color: #0065ff;
  }

  .el-input.is-focus input.el-input__inner {
    border-color: #0065ff;
  }

  input {
    border-radius: 0;
    height: 32px;
  }
}

.el-textarea {
  textarea {
    border: 1px solid #c0c5cc;
    border-radius: 0;

    &:focus {
      border-color: #0065ff;
    }
  }
}

.h32 {
  height: 32px;
  line-height: 32px;

  ::v-deep input {
    height: 32px;
  }

  .el-icon-arrow-up {
    line-height: 32px;
  }

  ::v-deep .el-icon-arrow-up {
    height: 32px;
  }
}

.scroll {
  /*滚动条宽 长,滚动条整体部分，其中的属性有width,height,background,border等。*/

  &::-webkit-scrollbar {
    width: 6px;
  }

  /*滚动条的滑轨背景颜色,可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/

  &::-webkit-scrollbar-track {
    display: none;
  }

  /* 滑块颜色 */

  &::-webkit-scrollbar-thumb {
    background-color: #e9ebee;

    border-radius: 3px;
  }

  /*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/

  &::-webkit-scrollbar-button {
    display: none;
  }

  /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

  &::-webkit-scrollbar-corner {
    background-color: black;
  }
}
</style>