| | |
| | | <div class="flex-l"> |
| | | <p class="first-line red">{{ priceFormat(chartData?.close) }}</p> |
| | | <p class="second-line"> |
| | | <span class="red">{{ chartData?.change_ratio ? `${chartData?.change_ratio}%` : '--' }}</span> |
| | | <span class="red">{{ chartData?.change_ratio_str ? `${chartData?.change_ratio_str}%` : '--' }}</span> |
| | | </p> |
| | | </div> |
| | | <div class="flex-r"> |
| | |
| | | </div> |
| | | <div class="text-right font-12"> |
| | | <div class="textColor">{{ item.close || '--' }}</div> |
| | | <div class="value" :class="item.change_ratio > 0 ? 'green' : 'red'">{{ item.change_ratio |
| | | <div class="value" :class="item.change_ratio_str > 0 ? 'green' : 'red'">{{ item.change_ratio_str |
| | | || '--' |
| | | }}%</div> |
| | | </div> |
| | |
| | | |
| | | // 事件 |
| | | const onData = (data) => { |
| | | console.log('onData:',data) |
| | | chartData.value = data |
| | | noData.value = false |
| | | } |