|
|
|
@ -1,5 +1,14 @@ |
|
|
|
<template> |
|
|
|
<div id="dowebok" ref="dowebok"> |
|
|
|
<div class="marquee"> |
|
|
|
<div class="marquee-pargress d-flex"> |
|
|
|
<ul class="marquee-list d-flex" v-for="box in 3" :key="box+'box'"> |
|
|
|
<li class="marquee-box"> |
|
|
|
<div class="price-info d-flex">{{$t("home.announcement")}}</div> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="section"> |
|
|
|
<div class="banner-block col-xs-8"> |
|
|
|
<!-- <el-carousel :interval="6000" height="490px" style="width: 100%"> |
|
|
|
@ -964,34 +973,34 @@ export default { |
|
|
|
skroll() { |
|
|
|
let skro = this.skro; |
|
|
|
|
|
|
|
skro |
|
|
|
.add(".marquee-list .item", { |
|
|
|
animation: "fadeInLeft", |
|
|
|
delay: 80, |
|
|
|
duration: 1000, |
|
|
|
}) |
|
|
|
.add(".new-ticker-block", { |
|
|
|
animation: "fadeInRight", |
|
|
|
delay: 80, |
|
|
|
duration: 800, |
|
|
|
}) |
|
|
|
.add(".shlitu", { |
|
|
|
animation: "fadeInLeft", |
|
|
|
delay: 80, |
|
|
|
duration: 800, |
|
|
|
}) |
|
|
|
.add(".activity-box", { |
|
|
|
animation: "zoomIn", |
|
|
|
delay: 80, |
|
|
|
duration: 800, |
|
|
|
}) |
|
|
|
.add(".lattest-news-section .item", { |
|
|
|
animation: "zoomIn", |
|
|
|
wait: 150, |
|
|
|
delay: 80, |
|
|
|
duration: 800, |
|
|
|
}) |
|
|
|
.init(); |
|
|
|
// skro |
|
|
|
// .add(".marquee-list .item", { |
|
|
|
// animation: "fadeInLeft", |
|
|
|
// delay: 80, |
|
|
|
// duration: 1000, |
|
|
|
// }) |
|
|
|
// .add(".new-ticker-block", { |
|
|
|
// animation: "fadeInRight", |
|
|
|
// delay: 80, |
|
|
|
// duration: 800, |
|
|
|
// }) |
|
|
|
// .add(".shlitu", { |
|
|
|
// animation: "fadeInLeft", |
|
|
|
// delay: 80, |
|
|
|
// duration: 800, |
|
|
|
// }) |
|
|
|
// .add(".activity-box", { |
|
|
|
// animation: "zoomIn", |
|
|
|
// delay: 80, |
|
|
|
// duration: 800, |
|
|
|
// }) |
|
|
|
// .add(".lattest-news-section .item", { |
|
|
|
// animation: "zoomIn", |
|
|
|
// wait: 150, |
|
|
|
// delay: 80, |
|
|
|
// duration: 800, |
|
|
|
// }) |
|
|
|
// .init(); |
|
|
|
}, |
|
|
|
|
|
|
|
// 是否为自选 |
|
|
|
@ -1346,31 +1355,33 @@ path { |
|
|
|
|
|
|
|
.marquee { |
|
|
|
width: 100%; |
|
|
|
height: 60px; |
|
|
|
height: 80px; |
|
|
|
background-color: #0d0e12; |
|
|
|
.marquee-pargress { |
|
|
|
align-items: center; |
|
|
|
width: 100%; |
|
|
|
height: 60px; |
|
|
|
height: 80px; |
|
|
|
// background: ("../../assets/img/bg/5.png") no-repeat !important; |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.marquee-list{ |
|
|
|
background-color: #0d0e12; |
|
|
|
} |
|
|
|
|
|
|
|
li.item { |
|
|
|
font-size: 24px; |
|
|
|
li.marquee-box { |
|
|
|
// font-size: 24px; |
|
|
|
font-size: 18px; |
|
|
|
color: white; |
|
|
|
flex: 1; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
margin: 0 100px; |
|
|
|
|
|
|
|
padding: 10px 18px !important; |
|
|
|
.price-info { |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
.justify-content-between { |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
min-width: 900px; |
|
|
|
// flex: 1; |
|
|
|
// justify-content: space-around; |
|
|
|
// align-items: center; |
|
|
|
// margin: 0 100px; |
|
|
|
padding: 0px 20px !important; |
|
|
|
} |
|
|
|
.price-info { |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|