|
|
@ -50,36 +50,38 @@ |
|
|
</div> --> |
|
|
</div> --> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 加密货币之门 --> |
|
|
<!-- 加密货币之门 --> |
|
|
<div class="section illustration_area"> |
|
|
<div style="width: 100%;background-color: rgba(10, 239, 198, 0.06);"> |
|
|
<div class="left"> |
|
|
<div class="illustration_area"> |
|
|
<div class="title">{{ $t("homeNewText.hh0") }}</div> |
|
|
<div class="left"> |
|
|
<div class="num-info1 d-flex" style="margin: 40px 0px;"> |
|
|
<div class="title">{{ $t("homeNewText.hh0") }}</div> |
|
|
<div class="num-info-count1"> |
|
|
<div class="num-info1 d-flex" style="margin: 40px 0px;"> |
|
|
<div class="num1">Top 10</div> |
|
|
<div class="num-info-count1"> |
|
|
<div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh37") }}</div> |
|
|
<div class="num1">Top 10</div> |
|
|
</div> |
|
|
<div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh37") }}</div> |
|
|
<div class="num-info-count1"> |
|
|
</div> |
|
|
<div class="num1">5 million+</div> |
|
|
<div class="num-info-count1"> |
|
|
<div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh38") }}</div> |
|
|
<div class="num1">5 million+</div> |
|
|
</div> |
|
|
<div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh38") }}</div> |
|
|
<div class="num-info-count1"> |
|
|
</div> |
|
|
<div class="num1">{{ '<0.10%' }}</div> |
|
|
<div class="num-info-count1"> |
|
|
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh39") }}</div> |
|
|
<div class="num1">{{ '<0.10%' }}</div> |
|
|
</div> |
|
|
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh39") }}</div> |
|
|
<div class="num-info-count1"> |
|
|
</div> |
|
|
<div class="num1">200+</div> |
|
|
<div class="num-info-count1"> |
|
|
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh40") }}</div> |
|
|
<div class="num1">200+</div> |
|
|
|
|
|
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh40") }}</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<router-link v-if="!isLogin" class="jump_btn" :to="{name:'signUp'}"> |
|
|
|
|
|
{{ $t("homeNewText.hh35") }} |
|
|
|
|
|
</router-link> |
|
|
|
|
|
<router-link v-else class="jump_btn" :to="{name:'exchange-assets'}"> |
|
|
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
|
|
</router-link> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="right" style="overflow: visible;"> |
|
|
|
|
|
<img src="@/assets/img/home/home1.png" alt="" style="width: 600px;"> |
|
|
</div> |
|
|
</div> |
|
|
<router-link v-if="!isLogin" class="jump_btn" :to="{name:'signUp'}"> |
|
|
|
|
|
{{ $t("homeNewText.hh35") }} |
|
|
|
|
|
</router-link> |
|
|
|
|
|
<router-link v-else class="jump_btn" :to="{name:'exchange-assets'}"> |
|
|
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
|
|
</router-link> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="right" style="overflow: visible;"> |
|
|
|
|
|
<img src="@/assets/img/home/home1.png" alt="" style="width: 600px;"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 寻找交易良机 --> |
|
|
<!-- 寻找交易良机 --> |
|
|
@ -1239,7 +1241,7 @@ |
|
|
|
|
|
|
|
|
.section { |
|
|
.section { |
|
|
// background-image:url(../../assets/img/index_banner_2.png); |
|
|
// background-image:url(../../assets/img/index_banner_2.png); |
|
|
background-color: #fff; |
|
|
// background-color: rgba(10, 239, 198, 0.06); |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
@ -1997,13 +1999,14 @@ |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding-top: 100px; |
|
|
padding-top: 100px; |
|
|
|
|
|
padding-bottom: 100px; |
|
|
|
|
|
|
|
|
.left { |
|
|
.left { |
|
|
color: #000; |
|
|
color: #000; |
|
|
max-width: 650px; |
|
|
max-width: 650px; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
font-size: 60px; |
|
|
font-size: 49px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
|