| | |
| | | <div class="name">累计流量:</div> |
| | | <div class="val"><span>{{ item.totalFlow }}</span>m³</div> |
| | | </div> |
| | | <div class="info-item"> |
| | | <div class="name">水面宽度:</div> |
| | | <div class="val"><span>{{ item.waterWidth }}</span>m</div> |
| | | </div> |
| | | <div class="info-item"> |
| | | <div class="name">过水面积:</div> |
| | | <div class="val"><span>{{ item.waterArea }}</span>m³</div> |
| | | </div> |
| | | </div> |
| | | <div class="info-btn"> |
| | | <div class="fullScreen" @click="handleFullScreen(index)"> |
| | |
| | | width: 100px; |
| | | } |
| | | |
| | | .val span { |
| | | display: inline-block; |
| | | padding: 0 20px; |
| | | .val{ |
| | | display: flex; |
| | | align-items: center; |
| | | span { |
| | | display: inline-block; |
| | | width: 6rem; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .mask{ |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | z-index: 100; |
| | | width: 100vw; |
| | | height: 100vh; |
| | | .mask-item{ |
| | | position: absolute; |
| | | left: 5%; |
| | | bottom: 10%; |
| | | height: 400px; |
| | | width: 300px; |
| | | background-color: rgba(0, 0, 0, 0.4); |
| | | } |
| | | } |
| | | } |