|
|
@ -392,7 +392,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
<!-- <div class="d-flex" style="color: #6A6E74;"><div>{{ $t("xtzcoins3.a68") }}</div><div style="margin:0px 30px;">(2023-04-25)</div><div>{{ $t("xtzcoins3.a69") }}</div></div>--> |
|
|
<!-- <div class="d-flex" style="color: #6A6E74;"><div>{{ $t("xtzcoins3.a68") }}</div><div style="margin:0px 30px;">(2023-04-25)</div><div>{{ $t("xtzcoins3.a69") }}</div></div>--> |
|
|
</div> |
|
|
</div> |
|
|
<div class="section-block section-block-2"> |
|
|
<div class="section-block section-block-2" v-if="!isLogin"> |
|
|
|
|
|
<!-- section-block-2 热门加密货币 有两个一模一样的代码块，因为登录和未登录顺序不同 --> |
|
|
<div class="d-flex justify-content-between" style="align-items: center;"> |
|
|
<div class="d-flex justify-content-between" style="align-items: center;"> |
|
|
<h1>{{ $t("xtzcoins3.a8") }}</h1> |
|
|
<h1>{{ $t("xtzcoins3.a8") }}</h1> |
|
|
<span> |
|
|
<span> |
|
|
@ -439,6 +440,46 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div><img src="../../../static/images/illustration-2.png" alt="" width="550" height="310"></div> |
|
|
<div><img src="../../../static/images/illustration-2.png" alt="" width="550" height="310"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="section-block section-block-2" v-if="isLogin"> |
|
|
|
|
|
<!-- section-block-2 热门加密货币 有两个一模一样的代码块，因为登录和未登录顺序不同 --> |
|
|
|
|
|
<div class="d-flex justify-content-between" style="align-items: center;"> |
|
|
|
|
|
<h1>{{ $t("xtzcoins3.a8") }}</h1> |
|
|
|
|
|
<span> |
|
|
|
|
|
<router-link to="/exchange" style="color:#999;">{{ $t("xtzcoins3.a13") }}</router-link> |
|
|
|
|
|
<img src="../../../static/images/icon/right.png" alt="" width="10" height="10" /> |
|
|
|
|
|
</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="d-flex justify-content-between mb-4"> |
|
|
|
|
|
<div style="width:25%;"> |
|
|
|
|
|
<div class="th">{{ $t("xtzcoins3.a9") }}</div> |
|
|
|
|
|
<div class="td">{{brokenLine[0].coin_name}}<span>{{brokenLine[0].coin_name}}</span></div> |
|
|
|
|
|
<div class="td">{{brokenLine[1].coin_name}}<span>{{brokenLine[1].coin_name}}</span></div> |
|
|
|
|
|
<div class="td">{{brokenLine[2].coin_name}}<span>{{brokenLine[2].coin_name}}</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="width:25%;"> |
|
|
|
|
|
<div class="th">{{ $t("xtzcoins3.a10") }}</div> |
|
|
|
|
|
<div class="td">{{brokenLine[0].count}}</div> |
|
|
|
|
|
<div class="td">{{brokenLine[1].count}}</div> |
|
|
|
|
|
<div class="td">{{brokenLine[2].count}}</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="width:25%;text-align: center;"> |
|
|
|
|
|
<div class="th">{{ $t("xtzcoins3.a11") }}</div> |
|
|
|
|
|
<div :class="brokenLine[0].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[0].increaseStr}}</div> |
|
|
|
|
|
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[1].increaseStr}}</div> |
|
|
|
|
|
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[2].increaseStr}}</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="width:25%;text-align: right;"> |
|
|
|
|
|
<div class="th">{{ $t("xtzcoins3.a12") }}</div> |
|
|
|
|
|
<div class="td">${{brokenLine[0].close}}M</div> |
|
|
|
|
|
<div class="td">${{brokenLine[1].close}}M</div> |
|
|
|
|
|
<div class="td">${{brokenLine[2].close}}M</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="!isLogin"> |
|
|
|
|
|
<div style="font-weight: bold;font-size: 22px;">{{ $t("xtzcoins3.a14") }}</div> |
|
|
|
|
|
<div class="btn3 mt-3"><router-link to="/sign-in" class="target-a">{{ $t("xtzcoins3.a15") }}</router-link></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
<div class="section-block section-block-6" v-if="isLogin && 0"> |
|
|
<div class="section-block section-block-6" v-if="isLogin && 0"> |
|
|
<h1>{{ $t("xtzcoins3.a8") }}</h1> |
|
|
<h1>{{ $t("xtzcoins3.a8") }}</h1> |
|
|
<div class="d-flex"> |
|
|
<div class="d-flex"> |
|
|
|
