style:材料信息
Showing
1 changed file
with
13 additions
and
5 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-19 13:13:16 | 4 | * @LastEditTime: 2023-10-10 14:06:38 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clxx"> | 7 | <div class="clxx"> |
... | @@ -33,7 +33,7 @@ | ... | @@ -33,7 +33,7 @@ |
33 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" | 33 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" |
34 | @click="treeClick(item, index)"> | 34 | @click="treeClick(item, index)"> |
35 | <span v-if="item.isrequired == 1" class="required">必选</span> | 35 | <span v-if="item.isrequired == 1" class="required">必选</span> |
36 | {{ item.sjmc }} | 36 | <span class="item_name">{{ item.sjmc }}</span> |
37 | <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span> | 37 | <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span> |
38 | </div> | 38 | </div> |
39 | </div> | 39 | </div> |
... | @@ -350,7 +350,7 @@ | ... | @@ -350,7 +350,7 @@ |
350 | } | 350 | } |
351 | 351 | ||
352 | .cl_number { | 352 | .cl_number { |
353 | float: right; | 353 | width: 30px; |
354 | } | 354 | } |
355 | 355 | ||
356 | .clxx { | 356 | .clxx { |
... | @@ -409,7 +409,7 @@ | ... | @@ -409,7 +409,7 @@ |
409 | width: 20%; | 409 | width: 20%; |
410 | min-width: 160px; | 410 | min-width: 160px; |
411 | height: 100%; | 411 | height: 100%; |
412 | margin-right: 10px; | 412 | font-size: 14px; |
413 | border-right: 1px dotted #d9d9d9; | 413 | border-right: 1px dotted #d9d9d9; |
414 | padding: 0 15px; | 414 | padding: 0 15px; |
415 | 415 | ||
... | @@ -438,8 +438,16 @@ | ... | @@ -438,8 +438,16 @@ |
438 | line-height: 20px; | 438 | line-height: 20px; |
439 | transition: all 0.3s; | 439 | transition: all 0.3s; |
440 | padding: 8px 0; | 440 | padding: 8px 0; |
441 | overflow: hidden; | ||
442 | display: flex; | ||
443 | justify-content: space-between; | ||
444 | } | ||
445 | .item_name { | ||
446 | flex: 1; | ||
447 | font-size: 14px; | ||
448 | display: flex; | ||
449 | justify-content: center; | ||
441 | } | 450 | } |
442 | |||
443 | .child:hover { | 451 | .child:hover { |
444 | color: $light-blue; | 452 | color: $light-blue; |
445 | transform: scale(1.1); | 453 | transform: scale(1.1); | ... | ... |
-
Please register or sign in to post a comment