| | |
|---|
| | | <k-line-charts :update-key="updateKey" :update-data="quote" :symbol="symbol" :showBottom="true" /> |
|---|
| | | <p class="status-info" v-if="chartData.market && chartData.market.status"> |
|---|
| | | <span>{{ chartData.market.status && $t(chartData.market.status) }},</span> |
|---|
| | | <span class="time">{{ chartData.market.time_str }}</span> |
|---|
| | | <span class="time">{{ chartData.market.time }}</span> |
|---|
| | | <span>{{ chartData.market.time_zone && $t(chartData.market.time_zone) }}</span> |
|---|
| | | </p> |
|---|
| | | <div :class="{ slide2: animated1 }" v-if="selectIndex === 1"> |
|---|
| | |
|---|
| | | <p class="first-line red">{{ formatMoney(chartData?.close) }}</p> |
|---|
| | | <p class="second-line"> |
|---|
| | | <span class="red">{{ chartData?.netChange }}</span> |
|---|
| | | <span class="red">{{ `${chartData?.change_ratio_str}%` }}</span> |
|---|
| | | <span class="red">{{ `${chartData?.change_ratio}%` }}</span> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <div class="flex-r"> |
|---|
| | |
|---|
| | | <p class="first-line red">{{ formatMoney(chartData?.close) }}</p> |
|---|
| | | <p class="second-line"> |
|---|
| | | <span class="red">{{ chartData?.netChange }}</span> |
|---|
| | | <span class="red">{{ `${chartData?.change_ratio_str}%` }}</span> |
|---|
| | | <span class="red">{{ `${chartData?.change_ratio}%` }}</span> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <div class="flex-r"> |
|---|
| | |
|---|
| | | if (data && data.length) { |
|---|
| | | const cur = data[0] |
|---|
| | | this.price = cur.close |
|---|
| | | this.range = (cur.change_ratio_str || cur.changeRatioStr) |
|---|
| | | this.range = (cur.change_ratio || cur.changeRatio) |
|---|
| | | this.quote = cur |
|---|
| | | this.updateKey++ |
|---|
| | | } |
|---|
