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