|
|
|
@ -4,7 +4,11 @@ |
|
|
|
|
|
|
|
|
|
<!-- 轮播图 --> |
|
|
|
|
<div class="home-big"> |
|
|
|
|
<el-carousel indicator-position="none" id="el-carousel" style="height: 500px;"> |
|
|
|
|
<el-carousel |
|
|
|
|
indicator-position="none" |
|
|
|
|
id="el-carousel" |
|
|
|
|
style="height: 500px;" |
|
|
|
|
> |
|
|
|
|
<el-carousel-item v-for="(lunbo, indexLun) in lunbo" :key="indexLun"> |
|
|
|
|
<a :href="lunbo.jumpUrl" target="_blank"> |
|
|
|
|
<img :src="fileUrl + lunbo.fileUrl" alt /> |
|
|
|
@ -16,10 +20,14 @@ |
|
|
|
|
<!-- 公告 --> |
|
|
|
|
<div class="eurTitle2"> |
|
|
|
|
<div class="eurTitle"> |
|
|
|
|
{{$t('price.index.index_notice')}}: |
|
|
|
|
{{ $t('price.index.index_notice') }}: |
|
|
|
|
<!-- 轮播 --> |
|
|
|
|
<swipe class="my-swipe"> |
|
|
|
|
<swipe-item class="slide" v-for="(gong, indexGao) in gongGao" :key="indexGao"> |
|
|
|
|
<swipe-item |
|
|
|
|
class="slide" |
|
|
|
|
v-for="(gong, indexGao) in gongGao" |
|
|
|
|
:key="indexGao" |
|
|
|
|
> |
|
|
|
|
<a :href="'./footer/noticeValue?id=' + gong.id"> |
|
|
|
|
<!-- <span v-if="lantion == 'zh-HK'">{{gong.detailsHk}} - </span> --> |
|
|
|
|
<span v-if="lantion == 'zh-CN'">{{ gong.title }}</span> |
|
|
|
@ -68,8 +76,12 @@ |
|
|
|
|
<span>{{ $t('price.table.header_qulit') }}</span> |
|
|
|
|
{{ item.total | formatV }} |
|
|
|
|
</p> |
|
|
|
|
<div class="upData" v-if="item.percent >= 0">+{{ (item.percent * 100) | formatW }}%</div> |
|
|
|
|
<div class="upData2" v-else>{{ (item.percent * 100) | formatW }}%</div> |
|
|
|
|
<div class="upData" v-if="item.percent >= 0"> |
|
|
|
|
+{{ (item.percent * 100) | formatW }}% |
|
|
|
|
</div> |
|
|
|
|
<div class="upData2" v-else> |
|
|
|
|
{{ (item.percent * 100) | formatW }}% |
|
|
|
|
</div> |
|
|
|
|
<div class="curreyBig">{{ item.currencyPair.split('-')[0] }}</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -118,67 +130,83 @@ |
|
|
|
|
{{ ran.amount | formatV }} |
|
|
|
|
<span>/</span> |
|
|
|
|
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> |
|
|
|
|
<span v-else-if="!currentrate">{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span> |
|
|
|
|
<span v-else>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span> |
|
|
|
|
<span v-else-if="!currentrate" |
|
|
|
|
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span |
|
|
|
|
> |
|
|
|
|
<span v-else |
|
|
|
|
>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div class="rangeTdPrice" v-else> |
|
|
|
|
{{ ran.amount | formatV }} |
|
|
|
|
<span>/</span> |
|
|
|
|
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> |
|
|
|
|
<span v-else-if="!currentrate">{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span> |
|
|
|
|
<span v-else>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span> |
|
|
|
|
<span v-else-if="!currentrate" |
|
|
|
|
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.amount * ran.hkdAmount) | formatV }} HKD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.amount * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.amount * ran.cnyAmount) | formatV }} CNY</span |
|
|
|
|
> |
|
|
|
|
<span v-else |
|
|
|
|
>{{ (ran.amount * ran.eurAmount) | formatV }} EUR</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<!-- 价格高 --> |
|
|
|
|
<div class="rangeTd"> |
|
|
|
|
{{ ran.highest | formatV }} |
|
|
|
|
<span>/</span> |
|
|
|
|
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> |
|
|
|
|
<span v-else-if="!currentrate">{{ (ran.highest * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.highest * ran.hkdAmount) | formatV }} HKD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.highest * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.highest * ran.cnyAmount) | formatV }} CNY</span> |
|
|
|
|
<span v-else>{{ (ran.highest * ran.eurAmount) | formatV }} EUR</span> |
|
|
|
|
<span v-else-if="!currentrate" |
|
|
|
|
>{{ (ran.highest * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.highest * ran.hkdAmount) | formatV }} HKD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.highest * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.highest * ran.cnyAmount) | formatV }} CNY</span |
|
|
|
|
> |
|
|
|
|
<span v-else |
|
|
|
|
>{{ (ran.highest * ran.eurAmount) | formatV }} EUR</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<!-- 价格低 --> |
|
|
|
|
<div class="rangeTd"> |
|
|
|
|
{{ ran.lowest | formatV }} |
|
|
|
|
<span>/</span> |
|
|
|
|
<span v-if="ran.currencyPair == 'HFH-USDT'">0.1500 USD</span> |
|
|
|
|
<span v-else-if="!currentrate">{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.lowest * ran.hkdAmount) | formatV }} HKD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.lowest * ran.cnyAmount) | formatV }} CNY</span> |
|
|
|
|
<span v-else>{{ (ran.lowest * ran.eurAmount) | formatV }} EUR</span> |
|
|
|
|
<span v-else-if="!currentrate" |
|
|
|
|
>{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'HKD'" |
|
|
|
|
>{{ (ran.lowest * ran.hkdAmount) | formatV }} HKD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'USD'" |
|
|
|
|
>{{ (ran.lowest * ran.usdAmount) | formatV }} USD</span |
|
|
|
|
> |
|
|
|
|
<span v-else-if="currentrate == 'CNY'" |
|
|
|
|
>{{ (ran.lowest * ran.cnyAmount) | formatV }} CNY</span |
|
|
|
|
> |
|
|
|
|
<span v-else |
|
|
|
|
>{{ (ran.lowest * ran.eurAmount) | formatV }} EUR</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<!-- 24H量 --> |
|
|
|
|
<div class="rangeTd"> |
|
|
|
@ -186,8 +214,12 @@ |
|
|
|
|
<!-- <span>{{ $t('price.index.index_num') }}</span> --> |
|
|
|
|
</div> |
|
|
|
|
<!-- 涨跌幅 --> |
|
|
|
|
<div class="rangeTd" v-if="ran.percent >= 0">+{{ (ran.percent * 100) | formatW }}%</div> |
|
|
|
|
<div class="button" v-else>{{ (ran.percent * 100) | formatW }}%</div> |
|
|
|
|
<div class="rangeTd" v-if="ran.percent >= 0"> |
|
|
|
|
+{{ (ran.percent * 100) | formatW }}% |
|
|
|
|
</div> |
|
|
|
|
<div class="button" v-else> |
|
|
|
|
{{ (ran.percent * 100) | formatW }}% |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
@ -235,9 +267,9 @@ |
|
|
|
|
<div class="qrCode"> |
|
|
|
|
<img src="../assets/home/iPhone.png" alt /> |
|
|
|
|
<div class="qrCode-contant"> |
|
|
|
|
<div class="qrCode-char">{{$t('price.index.index_here')}}</div> |
|
|
|
|
<div class="qrCode-char">{{ $t('price.index.index_here') }}</div> |
|
|
|
|
<div class="qrCode-main"> |
|
|
|
|
<div>{{$t('price.index.index_app')}}</div> |
|
|
|
|
<div>{{ $t('price.index.index_app') }}</div> |
|
|
|
|
<div> |
|
|
|
|
<img src="../assets/home/qrcode.png" alt /> |
|
|
|
|
</div> |
|
|
|
|