| | |
| | | </p> |
| | | <p class="value"> {{ value.close ?? '--' }}</p> |
| | | <p class="num"> |
| | | <!-- <span class="num-left" :class="value.chg > 0 ? 'text-up' : 'text-down'">{{ formatNumber(value.chg) |
| | | }}</span> --> |
| | | <span class="num-left" :class="value.chg > 0 ? 'text-up' : 'text-down'">{{ formatNumber(value.chg) |
| | | }}</span> |
| | | <span class="num-right" :class="value.changeRatio > 0 ? 'text-up' : 'text-down'">{{ |
| | | value.changeRatio ? `${value.changeRatio}%` : value.changeRatio === 0 ? 0 |
| | | : |
| | |
| | | <div class="flex-r-item"> |
| | | <p>{{ t('SparkDiagram') }}</p> |
| | | </div> |
| | | <!-- <div class="flex-r-item right"> |
| | | <div class="flex-r-item right"> |
| | | <p>{{ t('Amount') }}</p> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li v-for="(item, index) in allEtfListData.slice(0, 5)" :key="item.symbol" @click="itemClick(item)"> |
| | |
| | | <m-echarts :dataObj="item" :ratio="item.changeRatio" :index="item.symbol" /> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="flex-r-item"> |
| | | <div class="flex-r-item"> |
| | | <div class="last-item right"> |
| | | <p> |
| | | <span>{{ fixDate(item.amount) }}</span> |
| | | </p> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | </ul> |