Browse Source

还原以前币滚动

master
liaoxinyu 1 year ago
parent
commit
984143ef3e
  1. 16
      src/assets/scss/module/_home.scss
  2. 16
      src/views/home/index.vue

16
src/assets/scss/module/_home.scss

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

16
src/views/home/index.vue

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

Loading…
Cancel
Save