左侧树结构连接线样式修改
Showing
3 changed files
with
10 additions
and
5 deletions
src/assets/images/colline.png
0 → 100644

246 Bytes
src/assets/images/rowline.png
0 → 100644

180 Bytes
... | @@ -219,7 +219,8 @@ export default { | ... | @@ -219,7 +219,8 @@ export default { |
219 | width: 16px; | 219 | width: 16px; |
220 | left: 9px; | 220 | left: 9px; |
221 | top: 9px; | 221 | top: 9px; |
222 | background: #c3c5c8; | 222 | background: url('../../assets/images/rowline.png'); |
223 | background-position-y: center; | ||
223 | } | 224 | } |
224 | .third_layer::before { | 225 | .third_layer::before { |
225 | content: ""; | 226 | content: ""; |
... | @@ -238,7 +239,8 @@ export default { | ... | @@ -238,7 +239,8 @@ export default { |
238 | width: 1px; | 239 | width: 1px; |
239 | left: 9px; | 240 | left: 9px; |
240 | top: 0px; | 241 | top: 0px; |
241 | background: #c3c5c8; | 242 | background: url('../../assets/images/colline.png'); |
243 | background-position-x: center; | ||
242 | } | 244 | } |
243 | .linkLine_first::after { | 245 | .linkLine_first::after { |
244 | content: ""; | 246 | content: ""; |
... | @@ -248,7 +250,8 @@ export default { | ... | @@ -248,7 +250,8 @@ export default { |
248 | height: calc(100% + 14px); | 250 | height: calc(100% + 14px); |
249 | width: 1px; | 251 | width: 1px; |
250 | left: 9px; | 252 | left: 9px; |
251 | background: #c3c5c8; | 253 | background: url('../../assets/images/colline.png'); |
254 | background-position-x: center; | ||
252 | } | 255 | } |
253 | // 上半截 | 256 | // 上半截 |
254 | .linkLine_half_top::after { | 257 | .linkLine_half_top::after { |
... | @@ -258,7 +261,8 @@ export default { | ... | @@ -258,7 +261,8 @@ export default { |
258 | top: -14px; | 261 | top: -14px; |
259 | width: 1px; | 262 | width: 1px; |
260 | left: 9px; | 263 | left: 9px; |
261 | background: #c3c5c8; | 264 | background: url('../../assets/images/colline.png'); |
265 | background-position-x: center; | ||
262 | } | 266 | } |
263 | .linkLine_last::after { | 267 | .linkLine_last::after { |
264 | content: ""; | 268 | content: ""; |
... | @@ -267,7 +271,8 @@ export default { | ... | @@ -267,7 +271,8 @@ export default { |
267 | width: 1px; | 271 | width: 1px; |
268 | left: 9px; | 272 | left: 9px; |
269 | top: 0px; | 273 | top: 0px; |
270 | background: #c3c5c8; | 274 | background: url('../../assets/images/colline.png'); |
275 | background-position-x: center; | ||
271 | } | 276 | } |
272 | .reTree_collapse_icon { | 277 | .reTree_collapse_icon { |
273 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center | 278 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center | ... | ... |
-
Please register or sign in to post a comment