| | |
| | | <van-col span="6" class="flex-end head_item">{{ $t("Change") }}</van-col> |
| | | </van-row> |
| | | |
| | | <van-list |
| | | v-model="loading" |
| | | :finished="finished" |
| | | :finished-text="$t('沒有更多了')" |
| | | :loading-text="$t('加载中')" |
| | | style="height: 50vh;width: 100%;" |
| | | @load="onLoad" |
| | | > |
| | | <van-list v-model="loading" :finished="finished" :finished-text="$t('沒有更多了')" :loading-text="$t('加载中')" |
| | | style="height: 50vh;width: 100%;" @load="onLoad"> |
| | | <van-row class="markets_item" v-for="item in stockList" :key="item.id" @click="toDetails(item)"> |
| | | <van-col span="14" class="item_n"> |
| | | <div class="flex-start"> |
| | |
| | | </div> |
| | | <div class="i_name">{{ item.name }}</div> |
| | | </van-col> |
| | | <van-col span="4" class="flex-start item_n">{{ |
| | | item.nowPrice |
| | | }}</van-col> |
| | | <van-col span="4" class="flex-start item_n"> |
| | | {{ (Number(item.nowPrice)).toFixed(3) }} |
| | | </van-col> |
| | | |
| | | <van-col span="6" class="item_n flex-end"> |
| | | <div |
| | | class="flex-end" |
| | | :class="{ green: item.hcrate < 0, red: item.hcrate > 0 }" |
| | | > |
| | | <div class="flex-end" :class="{ green: item.hcrate < 0, red: item.hcrate > 0 }"> |
| | | {{ item.hcrateP }} |
| | | </div> |
| | | </van-col> |
| | | |
| | | <div |
| | | class="edit flex-end" |
| | | v-show="editorShow" |
| | | @click.stop="deleteStock(item)" |
| | | > |
| | | <div class="edit flex-end" v-show="editorShow" @click.stop="deleteStock(item)"> |
| | | <span>{{ $t("移除") }}</span> |
| | | </div> |
| | | </van-row> |
| | | </van-list> |
| | | |
| | | <van-skeleton |
| | | :row="7" |
| | | v-if="stockList.length == 0" |
| | | style="margin-top: 1em;" |
| | | /> |
| | | <van-skeleton :row="7" v-if="stockList.length == 0" style="margin-top: 1em;" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | initWebSocket() { |
| | | console.log("initWebSocket"); |
| | | this.Trade = new WhrWebSocket({ |
| | | path: `wss://usws.yanshiz.com/websocket-server `, |
| | | path: `wss://ws.isusstock.com/websocket-server `, |
| | | onmessage: this.getTradeMessage |
| | | }); |
| | | |
| | |
| | | @green2: #f0f0f0; |
| | | @dark_green: #07c160; |
| | | @red: #ee0a24; |
| | | |
| | | #app { |
| | | padding-bottom: 1.4rem; |
| | | } |
| | | |
| | | .stock_list { |
| | | flex-direction: column; |
| | | |
| | | .markets_head { |
| | | // background-color: @green2; |
| | | margin-top: 0.25em; |
| | |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | background: linear-gradient( |
| | | to right, |
| | | rgba(0, 0, 0, 0), |
| | | rgba(0, 0, 0, 0.8) |
| | | ); |
| | | background: linear-gradient(to right, |
| | | rgba(0, 0, 0, 0), |
| | | rgba(0, 0, 0, 0.8)); |
| | | text-align: end; |
| | | color: @red; |
| | | padding-right: 0.25em; |