|
|
@ -33,7 +33,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="d-flex"> |
|
|
<div class="d-flex"> |
|
|
<span>{{ item.price }}</span> |
|
|
<span>{{ item.price }}</span> |
|
|
<span :class="item.increase >= 0 ? 'increace' : 'decreace'"> |
|
|
<span :class="item.increase >= 0 ? 'increase' : 'decreace'"> |
|
|
{{ item.increaseStr }} |
|
|
{{ item.increaseStr }} |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
@ -145,7 +145,7 @@ |
|
|
<td> |
|
|
<td> |
|
|
<span |
|
|
<span |
|
|
:class=" |
|
|
:class=" |
|
|
item.increase * 1 >= 0 ? 'increace' : 'decreace' |
|
|
item.increase * 1 >= 0 ? 'increase' : 'decreace' |
|
|
" |
|
|
" |
|
|
>{{ item.close }}</span |
|
|
>{{ item.close }}</span |
|
|
> |
|
|
> |
|
|
@ -153,7 +153,7 @@ |
|
|
<td> |
|
|
<td> |
|
|
<span |
|
|
<span |
|
|
:class=" |
|
|
:class=" |
|
|
item.increase * 1 >= 0 ? 'increace' : 'decreace' |
|
|
item.increase * 1 >= 0 ? 'increase' : 'decreace' |
|
|
" |
|
|
" |
|
|
>{{ item.increaseStr }}</span |
|
|
>{{ item.increaseStr }}</span |
|
|
> |
|
|
> |
|
|
@ -236,7 +236,7 @@ |
|
|
<td> |
|
|
<td> |
|
|
<span |
|
|
<span |
|
|
:class=" |
|
|
:class=" |
|
|
item.increase * 1 >= 0 ? 'increace' : 'decreace' |
|
|
item.increase * 1 >= 0 ? 'increase' : 'decreace' |
|
|
" |
|
|
" |
|
|
>{{ item.close }}</span |
|
|
>{{ item.close }}</span |
|
|
> |
|
|
> |
|
|
@ -245,7 +245,7 @@ |
|
|
<!-- <td> |
|
|
<!-- <td> |
|
|
<span |
|
|
<span |
|
|
:class=" |
|
|
:class=" |
|
|
item.increase * 1 >= 0 ? 'increace' : 'decreace' |
|
|
item.increase * 1 >= 0 ? 'increase' : 'decreace' |
|
|
" |
|
|
" |
|
|
>{{ item.increaseStr }}</span |
|
|
>{{ item.increaseStr }}</span |
|
|
> |
|
|
> |
|
|
@ -253,15 +253,15 @@ |
|
|
<td> --> |
|
|
<td> --> |
|
|
<!-- <span |
|
|
<!-- <span |
|
|
:class=" |
|
|
:class=" |
|
|
item.increase * 1 >= 0 ? 'increace' : 'decreace' |
|
|
item.increase * 1 >= 0 ? 'increase' : 'decreace' |
|
|
" |
|
|
" |
|
|
>{{ item.increaseStr }}</span |
|
|
>{{ item.increaseStr }}</span |
|
|
> --> |
|
|
> --> |
|
|
<!-- <img src="../../assets/img/increace.png" class="td_img" alt="" v-show="item.increase * 1 >= 0"> |
|
|
<!-- <img src="../../assets/img/increase.png" class="td_img" alt="" v-show="item.increase * 1 >= 0"> |
|
|
<img src="../../assets/img/decreace.png" class="td_img" alt="" v-show="item.increase * 1 < 0"> --> |
|
|
<img src="../../assets/img/decreace.png" class="td_img" alt="" v-show="item.increase * 1 < 0"> --> |
|
|
<!-- <svg width="109" height="39"> |
|
|
<!-- <svg width="109" height="39"> |
|
|
<g style="transform: translate(0, 10px)"> |
|
|
<g style="transform: translate(0, 10px)"> |
|
|
<path :d="item.line" :class="item.increase *1 <0 ?'path_decreace':'path_increace'"/> |
|
|
<path :d="item.line" :class="item.increase *1 <0 ?'path_decreace':'path_increase'"/> |
|
|
</g> |
|
|
</g> |
|
|
</svg> --> |
|
|
</svg> --> |
|
|
<!-- <price-line |
|
|
<!-- <price-line |
|
|
@ -416,9 +416,9 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div style="width:25%;text-align: center;"> |
|
|
<div style="width:25%;text-align: center;"> |
|
|
<div class="th">{{ $t("xtzcoins3.a11") }}</div> |
|
|
<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[0].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{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_increase'">{{brokenLine[1].increaseStr}}</div> |
|
|
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[2].increaseStr}}</div> |
|
|
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[2].increaseStr}}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="width:25%;text-align: right;"> |
|
|
<div style="width:25%;text-align: right;"> |
|
|
<div class="th">{{ $t("xtzcoins3.a12") }}</div> |
|
|
<div class="th">{{ $t("xtzcoins3.a12") }}</div> |
|
|
@ -464,9 +464,9 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div style="width:25%;text-align: center;"> |
|
|
<div style="width:25%;text-align: center;"> |
|
|
<div class="th">{{ $t("xtzcoins3.a11") }}</div> |
|
|
<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[0].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{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_increase'">{{brokenLine[1].increaseStr}}</div> |
|
|
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[2].increaseStr}}</div> |
|
|
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[2].increaseStr}}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="width:25%;text-align: right;"> |
|
|
<div style="width:25%;text-align: right;"> |
|
|
<div class="th">{{ $t("xtzcoins3.a12") }}</div> |
|
|
<div class="th">{{ $t("xtzcoins3.a12") }}</div> |
|
|
@ -1589,14 +1589,14 @@ path { |
|
|
stroke: #ff231f; |
|
|
stroke: #ff231f; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.path_increace { |
|
|
.path_increase { |
|
|
stroke: #76bf8a; |
|
|
stroke: #76bf8a; |
|
|
} |
|
|
} |
|
|
.c_decreace { |
|
|
.c_decreace { |
|
|
color: #ff231f; |
|
|
color: #ff231f; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.c_increace { |
|
|
.c_increase { |
|
|
color: #76bf8a; |
|
|
color: #76bf8a; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -2546,13 +2546,16 @@ path { |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
} |
|
|
} |
|
|
.btn3{ |
|
|
.btn3{ |
|
|
width: 200px; |
|
|
display: inline-block; |
|
|
padding: 10px 0px; |
|
|
width: auto; |
|
|
|
|
|
padding: 10px 20px; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
background: #F7D558; |
|
|
background: #F7D558; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
|
|
|
min-width: 200px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.section-block-1{ |
|
|
.section-block-1{ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 40px calc(50% - 550px); |
|
|
padding: 40px calc(50% - 550px); |
|
|
|