| | |
| | | 'text-up': item.changeRatio > 0, |
| | | 'text-down': item.changeRatio <= 0, |
| | | }">{{ item.changeRatio ? `${item.changeRatio}%` : item.changeRatio === 0 ? 0 |
| | | : |
| | | '--' }}</p> |
| | | : |
| | | '--' }}</p> |
| | | </div> |
| | | </div> |
| | | <div class="divider mt-10"></div> |
| | |
| | | </div> |
| | | </li> |
| | | |
| | | <li v-for="(item, index) in technologyListData.slice(0, 5)" :key="item.symbol" @click="itemClick(item)"> |
| | | <li v-for="(item, index) in technologyListData.slice(0, 5)" :key="item.symbol" |
| | | @click="itemClick(item)"> |
| | | <div class="flex-l"> |
| | | <p>{{ item.name }}</p> |
| | | <p class="gray-text"> |
| | |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li v-for="(item, index) in dinancialListData.slice(0, 5)" :key="item.symbol" @click="itemClick(item)"> |
| | | <li v-for="(item, index) in dinancialListData.slice(0, 5)" :key="item.symbol" |
| | | @click="itemClick(item)"> |
| | | <div class="flex-l"> |
| | | <p>{{ item.name }}</p> |
| | | <p class="gray-text"> |
| | |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li v-for="(item, index) in healthcareListData.slice(0, 5)" :key="item.symbol" @click="itemClick(item)"> |
| | | <li v-for="(item, index) in healthcareListData.slice(0, 5)" :key="item.symbol" |
| | | @click="itemClick(item)"> |
| | | <div class="flex-l"> |
| | | <p>{{ item.name }}</p> |
| | | <p class="gray-text"> |
| | |
| | | if (data === null) { |
| | | data = [] |
| | | } |
| | | prominentListData.value = data.filter(item => item.category.indexOf('prominent') > -1) || [] |
| | | // prominentListData.value = data.filter(item => item.category.indexOf('prominent') > -1) || [] |
| | | prominentListData.value = data.slice(0, 5) || [] |
| | | technologyListData.value = data.filter(item => item.category.indexOf('technology') > -1) || [] |
| | | dinancialListData.value = data.filter(item => item.category.indexOf('dinancial') > -1) || [] |
| | | healthcareListData.value = data.filter(item => item.category.indexOf('healthcare') > -1) || [] |
| | |
| | | flex: 1; |
| | | align-self: center; |
| | | text-align: center; |
| | | |
| | | |
| | | &:last-child { |
| | | text-align: right; |
| | | } |