|
|
|
@ -103,6 +103,29 @@ |
|
|
|
{{ $t("shou.a3") }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<view class="index_partners__3BIDL" style="background: linear-gradient(90deg, #1fa2ff, #12d8fa, #a6ffcb);color: #000;margin-bottom: 30px;"> |
|
|
|
<view class="rfm-marquee-container"> |
|
|
|
<view class="rfm-marquee"> |
|
|
|
<view class="rfm-initial-child-container"> |
|
|
|
<view class="rfm-child d-flex" v-for="(parentItem,index) in marketList" v-if="index==1" :key="parentItem.coin_name"> |
|
|
|
<view style="width: 500rpx;" v-for="(item,iindex) in parentItem.collect? collect : parentItem.marketInfoList" :key="iindex"> |
|
|
|
<div class="d-flex"> |
|
|
|
<div class="symbol" style="margin-right: 10rpx">{{ item.pair_name }}</div> |
|
|
|
<div>${{ item.price||item.close }}</div> |
|
|
|
<div class="d-flex"> |
|
|
|
<span :class="item.increase >= 0 ? 'path_increace' : 'path_decreace'"> |
|
|
|
({{ item.increaseStr }}) |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 五百万 --> |
|
|
|
<div style="font-size: 28px;font-weight: bold;padding: 0px 20px;color: #fff;margin-bottom: 30px;">{{ $t("shou.a42") }}</div> |
|
|
|
<div class="scqs-list-bottom" |
|
|
|
@ -2265,7 +2288,7 @@ export default { |
|
|
|
width: 375px; |
|
|
|
height: auto; |
|
|
|
padding: 2rem 25px; |
|
|
|
margin: 0 auto 2rem; |
|
|
|
// margin: 0 auto 2rem; |
|
|
|
|
|
|
|
img { |
|
|
|
width: 100%; |
|
|
|
@ -2572,4 +2595,68 @@ export default { |
|
|
|
.fn-9 { |
|
|
|
font-size: 9px; |
|
|
|
} |
|
|
|
|
|
|
|
.path_decreace { |
|
|
|
color: #ff231f; |
|
|
|
} |
|
|
|
|
|
|
|
.path_increace { |
|
|
|
color: #6caf7e; |
|
|
|
} |
|
|
|
|
|
|
|
.index_partners__3BIDL{ |
|
|
|
width: 100vw; |
|
|
|
overflow: hidden; |
|
|
|
padding: 16px 0; |
|
|
|
margin-bottom: 10px; |
|
|
|
background: #fff; |
|
|
|
.rfm-marquee-container{ |
|
|
|
overflow-x: hidden; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
transform: none; |
|
|
|
.rfm-marquee{ |
|
|
|
flex: 0 0 auto; |
|
|
|
min-width: 100%; |
|
|
|
// z-index: 1; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
animation: scroll 100s linear 0s infinite; |
|
|
|
animation-play-state: running; |
|
|
|
animation-delay: 0s; |
|
|
|
animation-direction: normal; |
|
|
|
.rfm-initial-child-container{ |
|
|
|
flex: 0 0 auto; |
|
|
|
display: flex; |
|
|
|
min-width: auto; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
.rfm-child{ |
|
|
|
transform: none; |
|
|
|
.ant-image{ |
|
|
|
position: relative; |
|
|
|
display: inline-block; |
|
|
|
.ant-image-img{ |
|
|
|
width: 100px; |
|
|
|
height: 20px; |
|
|
|
margin-left: 16px; |
|
|
|
padding-top: 5px |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@keyframes scroll { |
|
|
|
0% { |
|
|
|
transform: translateX(0%); |
|
|
|
} |
|
|
|
100% { |
|
|
|
transform: translateX(-75%); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
