liaoxinyu
/
Mhbcoin_PC
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改图片，和隐藏首页币的滚动

master
liaoxinyu 1 year ago
parent
aa72cb0c14
commit
fa32703035
2 changed files with 25 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/img/home/home1.png
  2. 50
      src/views/home/index.vue

BIN
src/assets/img/home/home1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 206 KiB

50
src/views/home/index.vue
View File

@ -347,7 +347,7 @@
</div> </div>
</div> </div>
<div class="marquee" v-if="marketList[0]" style="margin-top: 0px;background: linear-gradient(90deg, #1fa2ff, #12d8fa, #a6ffcb);"> <div class="marquee" v-if="marketList[0]&&0" style="margin-top: 0px;background: linear-gradient(90deg, #1fa2ff, #12d8fa, #a6ffcb);">
<div class="marquee-pargress d-flex"> <div class="marquee-pargress d-flex">
<ul class="marquee-list d-flex" v-for="box in 3" :key="box+'box'" > <ul class="marquee-list d-flex" v-for="box in 3" :key="box+'box'" >
<li class="item" v-for="(item,index) in marketList[0].marketInfoList" :key="index + '' + box" style="color: #000;"> <li class="item" v-for="(item,index) in marketList[0].marketInfoList" :key="index + '' + box" style="color: #000;">
@ -369,6 +369,25 @@
</div> </div>
</div> </div>
<div class="marquee" style="margin-bottom: 180px;">
<div class="marquee-pargress d-flex">
<ul class="marquee-list d-flex" v-for="box in 4" :key="box+'box'" style="background-color: #F9F9F9;">
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img1.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img2.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img3.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img4.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img5.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img6.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img7.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img8.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img9.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img10.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img11.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img12.png"></li>
</ul>
</div>
</div>
<!-- 全球领先数字货币交易所 --> <!-- 全球领先数字货币交易所 -->
<div class="title" style="font-size: 48px;text-align: center;margin-bottom: 10px;">{{ $t("homeNewText.bb7") }}</div> <div class="title" style="font-size: 48px;text-align: center;margin-bottom: 10px;">{{ $t("homeNewText.bb7") }}</div>
<div class="productservice"> <div class="productservice">
@ -557,25 +576,6 @@
</div> </div>
</div> </div>
<div class="marquee" style="margin-bottom: 0px;">
<div class="marquee-pargress d-flex">
<ul class="marquee-list d-flex" v-for="box in 4" :key="box+'box'" style="background-color: #F9F9F9;">
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img1.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img2.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img3.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img4.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img5.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img6.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img7.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img8.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img9.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img10.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img11.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img12.png"></li>
</ul>
</div>
</div>
<!-- 背景径向渐变 --> <!-- 背景径向渐变 -->
<div class="radial_bg" v-if="0"> <div class="radial_bg" v-if="0">
<!-- number count --> <!-- number count -->
@ -1113,13 +1113,13 @@
padding-left: 18px; padding-left: 18px;
} }
.right{ .right{
width: 590px; width: 500px;
height: 400px; height: 400px;
position: relative; position: relative;
} }
.right_box{ .right_box{
position: absolute; position: absolute;
bottom: 100px; bottom: -50px;
animation: movepoint 1.3s ease-in-out infinite alternate; animation: movepoint 1.3s ease-in-out infinite alternate;
} }
@ -2349,7 +2349,7 @@
.left{ .left{
max-width: 800px; max-width: 800px;
margin-top: 300px; margin-top: 320px;
text-align: center; text-align: center;
.title{ .title{
font-size: 45px; font-size: 45px;
@ -2357,7 +2357,7 @@
} }
.right{ .right{
width: 500px; width: 400px;
height: 400px; height: 400px;
position: absolute; position: absolute;
top: 0px; top: 0px;
@ -2365,7 +2365,7 @@
transform: translateX(-50%); transform: translateX(-50%);
.right_box{ .right_box{
bottom: 10px; bottom: -40px;
} }
} }
} }

Write Preview
Loading…
Cancel
Save