Browse Source

修改跑马灯内容

master
liaoxinyu 2 years ago
parent
commit
9af3a9f16f
  1. 14
      src/assets/scss/module/_home.scss
  2. 16
      src/views/home/index.vue

14
src/assets/scss/module/_home.scss

@ -3871,12 +3871,14 @@ sub.transmoney-value {
}
.marquee {
width: 100%;
// width: 100%;
width: 100vw;
overflow: hidden;
.marquee-pargress {
width: 200%;
animation: marquee 40s infinite linear;
width: 100%;
// animation: marquee 40s infinite linear;
animation: marquee 140s infinite linear;
}
.marquee-list {
@ -3885,7 +3887,8 @@ sub.transmoney-value {
color:white;
.item {
padding: 0 14px;
width: 200px;
// width: 200px;
width: 2200px;
&.border-right{
border-color: #4E4E5D !important;
}
@ -3906,7 +3909,8 @@ sub.transmoney-value {
}
100% {
transform: translateX(-100%);
transform: translateX(-500%);
// transform: translateX(-100%);
}
}

16
src/views/home/index.vue

@ -350,19 +350,21 @@
<div class="marquee" v-if="marketList[0]">
<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,index) in marketList[0].marketInfoList" :key="index + '' + box">
<li class="item" v-for="box1 in 4" :key="box1+'box'">
<!-- <li class="item" v-for="(item,index) in marketList[0].marketInfoList" :key="index + '' + box"> -->
<!-- <li class="item" v-for="item in marketList[0].marketInfoList" :key="item.coin_name + '' + box"> -->
<div class="price-info d-flex">
<div class="symbol" style="margin-right: 5px">
<!-- {{ item.pair }} -->
<div>New users will be given $100 for registration. For details, please contact customer service WhatsApp 15204350079 12097488992 15717102065 15717102065. 12079028303. 17604060007</div>
<!-- <div class="symbol" style="margin-right: 5px">
{{ item.pair }}
{{ item.pair_name }}
</div>
<div class="d-flex">
<!-- <span>${{ item.price||item.close }}</span> -->
</div> -->
<!-- <div class="d-flex">
<span>${{ item.price||item.close }}</span>
<span :class="item.increase >= 0 ? 'increace' : 'decreace'">
({{ item.increaseStr }})
</span>
</div>
</div> -->
</div>
</li>
</ul>

Loading…
Cancel
Save