22

schangxiang@126.com

2025-05-21 05c47e0a832bbd2b8bafb732fc55c1ef8e9b97e0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
.input {
  width: 100%;
  height: 100%;
  /* 移除边框 */
  border: none;
  /* 可选：如果希望去除其他可能存在的用户代理样式 */
  /* 这些样式因浏览器而异，可能会对输入框外观产生影响 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 可选：强制覆盖一些常见浏览器样式 */
  /* 清除默认的内边距和外边距 */
  padding: 0;
  margin: 0;
  /* 清除背景颜色 */
  background-color: transparent;
  /* 清除轮廓样式 */
  outline: none;
  /* 清除文字样式 */
  font: unset;
  color: #646464;
  /* 清除其他可能的样式 */
}
.input::placeholder {
  color: #929ab1;
}
 
.baseInput {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
 
  .input {
    border-radius: 4px;
    padding: 0 6px;
    height: calc(100% - 6px);
    border: 1px solid transparent;
    padding: 0 6px;
    transition: all 0.1s ease-in;
    &:focus {
      border: 1px solid #5a84ff;
    }
  }
}
 
:global(
    .arco-table-hover:not(.arco-table-dragging)
      .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover
      .arco-table-td:not(.arco-table-col-fixed-left):not(
        .arco-table-col-fixed-right
      )
  ) {
  .hover {
    display: block;
  }
  .hasHover {
    // display: none;
  }
  .baseInput {
    .input {
      border-radius: 4px;
      padding: 0 6px;
      background: #fff;
      border: 1px solid #d9d9d9;
      &:focus {
        border: 1px solid #5a84ff;
      }
    }
  }
}
:global(.arco-table) {
  .baseInput {
    .input {
      height: 30px;
    }
  }
}
 
:global(.information-table) {
  .hover {
    // display: none;
  }
  .hasHover {
    display: inline;
    color: #646464;
  }
}
:global(.information-table .row--hover) {
  .hover {
    display: block;
  }
  .hasHover {
    // display: none;
  }
  .baseInput {
    .input {
      border-radius: 4px;
      padding: 0 6px;
      background: #fff;
      height: calc(100% - 6px);
      border: 1px solid #d9d9d9;
      &:focus {
        border: 1px solid #5a84ff;
      }
    }
  }
}