| | |
| | | <div class="name">累计流量:</div> |
| | | <div class="val"><span>{{props.data.totalFlow}}</span>m³</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="name">水面宽度:</div> |
| | | <div class="val"><span>{{props.data.waterWidth}}</span>m</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="name">过水面积:</div> |
| | | <div class="val"><span>{{props.data.waterArea}}</span>m³</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | align-items: center; |
| | | padding: 0.5rem 0; |
| | | .name{ |
| | | width: 50%; |
| | | width: 6rem; |
| | | } |
| | | span{ |
| | | margin-right: 0.8rem; |
| | | .val{ |
| | | display: flex; |
| | | align-items: center; |
| | | span{ |
| | | display: inline-block; |
| | | width: 6rem; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | } |