设备管理 样式调整

mark

2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15

 src/App.vue

@@ -105,7 +105,7 @@
  height: 32px;
  line-height: 32px;

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

@@ -113,12 +113,13 @@
    line-height: 32px;
  }

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

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

  &::-webkit-scrollbar {
@@ -152,6 +153,18 @@
  }
}

.limitRow2 {
  word-wrap: break-word;
  // 只要超过宽度就换行，不论中文还是英文
  word-break: break-all;
  // 让文本只能展示两行
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gutter {
  background-color: rgb(233, 235, 238);
  padding: 1px;