| | |
| | | <div class="top_now"> |
| | | <span |
| | | :class="singDetails.hcrate > 0 ? 'price green' : 'price red'" |
| | | >MX$ {{ singDetails.nowPrice }}</span |
| | | > |
| | | {{ singDetails.nowPrice }}</span |
| | | > |
| | | </div> |
| | | <div class="bottom_now"> |
| | | <div> |
| | | <span v-if="singDetails.nowPrice === 0">-</span> |
| | | <span v-else> |
| | | MX$ |
| | | {{ |
| | | (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) |
| | | }}</span |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >MX$ {{ singDetails.open_px }}</span |
| | | > |
| | | {{ singDetails.open_px }}</span |
| | | > |
| | | </div> |
| | | <div class="rights topes"> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >MX$ {{ singDetails.today_max }}</span |
| | | > |
| | | {{ singDetails.today_max }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >MX$ {{ singDetails.preclose_px }}</span |
| | | > |
| | | {{ singDetails.preclose_px }}</span |
| | | > |
| | | </div> |
| | | <div class="rights bots"> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >MX$ {{ singDetails.today_min }}</span |
| | | > |
| | | {{ singDetails.today_min }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | .k_line_detail { |
| | | width: 100%; |
| | | height: calc(100vh - 300px); |
| | | height: 100vw; |
| | | background: #fff; |
| | | border-radius: 0 0 0.3rem 0.3rem; |
| | | } |