@ -69,6 +69,23 @@
/ >
< / div >
< / div >
< div class = "marquee" v-if ="marketList[0]" style="background: linear-gradient(90deg, #1fa2ff, #12d8fa, #a6ffcb);" >
< div class = "marquee-pargress d-flex" >
< ul class = "marquee-list d-flex" v-for ="box in 4" :key="box+'box'" >
< li class = "item" v-for ="item in marketList[0].marketInfoList" :key="item.coin_name + '' + box" style="color: #000;" >
< div class = "price-info d-flex" >
< div class = "symbol" style = "margin-right: 5px" > { { item . pair_name } } < / div >
< div class = "d-flex" >
< span > $ { { item . price || item . close } } < / span >
< span : class = "item.increase >= 0 ? 'path_increace1' : 'path_decreace1'" > ( { { item . increaseStr } } ) < / span >
< / div >
< / div >
< / li >
< / ul >
< / div >
< / div >
<!-- number count 五百万 -- >
< div style = "text-align: center;font-size: 32px;font-weight: bold;margin-top: 60px;" > { { $t ( "home.a42" ) } } < / div >
< div class = "num-info d-flex" >
@ -1313,7 +1330,15 @@ path {
}
. path_increace {
stroke : # 76 bf8a ;
stroke : # 6 caf7e ;
}
. path_decreace1 {
color : # ff231f ;
}
. path_increace1 {
color : # 6 caf7e ;
}
/ / . v i e w - m o r e {
@ -1478,12 +1503,17 @@ path {
. marquee {
width : 100 % ;
height : 60 px ;
background - color : # 0 F4DF5 ;
background - size : 100 % 100 % ;
. marquee - pargress {
align - items : center ;
width : 100 % ;
height : 60 px ;
/ / b a c k g r o u n d : ( " . . / . . / a s s e t s / i m g / b g / 5 . p n g " ) n o - r e p e a t ! i m p o r t a n t ;
background - size : 100 % 100 % ;
/ / b a c k g r o u n d - s i z e : 1 0 0 % 1 0 0 % ;
}
. marquee - list {
background : transparent ;
}
li . item {
