| | |
| | | <div class="item_cont" :class="idx!=2?'item_conts':''" v-for="(item2, idx) in proData[currentIndex]" :key="idx"> |
| | | <div class="top_fo"> |
| | | <div class="title"> |
| | | {{ item2.indexName }} |
| | | {{ item2.name }} |
| | | </div> |
| | | <div class="numbers"> |
| | | {{ item2.currentPoint }} |
| | | {{ item2.price }} |
| | | </div> |
| | | <div class="percentage" :class="item2.floatRate > 0 ? 'gree' : 'redd'"> |
| | | <span style="font-weight: 500;">{{ item2.floatRate > 0 ? `+${item2.floatRate}%` : |
| | | `${item2.floatRate}%` |
| | | <div class="percentage" :class="item2.range > 0 ? 'gree' : 'redd'"> |
| | | <span style="font-weight: 500;">{{ item2.range > 0 ? `${item2.range}` : |
| | | `${item2.range}` |
| | | }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_fo"> |
| | | <div class="title"> |
| | | <span class="numberid" style="margin-right: 0.12rem;">{{ item2.indexCode }}</span> |
| | | |
| | | <img v-for="items in item2.random" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" /> |
| | | <span class="numberid" style="margin-right: 0.12rem;">{{ item2.symbol }}</span> |
| | | <div v-for="(items,index) in item2.pnum.slice(1, 2)"> |
| | | <img v-if="index<3" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" /> |
| | | </div> |
| | | |
| | | </div> |
| | | <div class="numbers" :class="item2.floatPoint > 0 ? 'gree' : 'redd'"> |
| | | <span class="point">{{ item2.floatPoint > 0 ? `+${item2.floatPoint}%` : `${item2.floatPoint}%` |
| | | <span class="point">{{ item2.pnum |
| | | }}</span> |
| | | </div> |
| | | <div class="percentage"> |
| | |
| | | }, |
| | | async getStock() { |
| | | let data = await api.getIndexMarket(); |
| | | for (var i = 0; i < data.data.length; i += 3) { |
| | | this.proData.push(data.data.slice(i, i + 3)); |
| | | for (var i = 0; i < data.data.result.data.length; i += 3) { |
| | | this.proData.push(data.data.result.data.slice(i, i + 3)); |
| | | } |
| | | |
| | | }, |