| | |
| | | </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) || [] |