feiyiWeb
/
web
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新闻加轮播

Browse Source 
底部修改
master
Tuzki 1 year ago
parent 06df4e72f4
commit 86d9929be8
6 changed files with 266 additions and 6 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 122
      pages/Public/static/themes/css/page.css
  2. BIN
      pages/assets/images/1.png
  3. BIN
      pages/assets/images/2.png
  4. BIN
      pages/assets/images/3.png
  5. 2
      pages/footer.html
  6. 148
      pages/index.html

122
pages/Public/static/themes/css/page.css
Unescape View File

@ -1469,7 +1469,7 @@ a.bp-border:hover .bp-inner {
background-color: #fff;
}
.banner_class {
.banner_class,.banner_class1 {
width: 100%;
}
@ -2225,6 +2225,125 @@ a.bp-border:hover .bp-inner {
background-size: cover;
}
.home4 .slick-mod,
.home4 .slick-mod div {
height: 100%;
width: 100%;
}
.home4 .slick-item {
position: relative;
}
.home4 .slick-item div {
height: 100%;
}
.home4 .slick-item .p-show,
.home4 .slick-item .m-show {
position: relative;
width: 100%;
height: 100%;
}
.home4 .slick-item .p-show a,
.home4 .slick-item .m-show a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
background-color: #fff;
opacity: 0;
display: block;
width: 100%;
height: 100%;
}
.home4 .slick-item .m-show video::-webkit-media-controls-enclosure {
overflow: hidden;
}
.home4 .slick-item .m-show video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
.home4 .slick-link {
position: absolute !important;
right: 0;
top: 0;
bottom: 0;
background: center bottom no-repeat;
background-size: cover;
}
.home4 .slick-dots {
bottom: 15px;
left: unset;
right: 30px;
}
.home4 .slick-dot {
margin: 0 10px;
padding: 0;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
}
.home4 li.slick-active {
background-color: #B03232;
}
.home4 .cont {
position: absolute;
top: 32%;
left: 50%;
bottom: 18%;
margin-left: 21%;
color: #d6cbbe;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
writing-mode: tb-rl;
}
.home4 .cont .h65 {
margin-left: 20px;
font-size: 65px;
}
.home4 .cont .p {
font-size: 21px;
-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;
writing-mode: tb-lr;
}
.home4 .cont .p+.p {
margin-right: 27px;
}
.home4 .cont .date {
margin-right: 33px;
font-size: 36px;
}
.home4 video {
width: 100%;
height: 100%;
}
.home4 video source {
width: 100%;
height: 100%;
}
.home4 .father-box {
height: 720px;
width: 100%;
@ -2388,6 +2507,7 @@ a.bp-border:hover .bp-inner {
.home4 .news_left .news_content {
font-size: 16px;
margin-top: 10px;
color: #666666;
}

BIN
pages/assets/images/1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

BIN
pages/assets/images/2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 KiB

BIN
pages/assets/images/3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

2
pages/footer.html
Unescape View File

@ -31,7 +31,7 @@
<br>
<br>
<br>
<span class="s">Copyright©2018 中国非物质文化遗产网·中国非物质文化遗产数字博物馆 All Rights Reserved <a
<span class="s">Copyright©2024 河北省非物质文化遗产保护协会 All Rights Reserved <a
href="https://beian.miit.gov.cn/">冀ICP备15022141号-3</a></span>
</div>
<style>

148
pages/index.html
Unescape View File

@ -697,6 +697,20 @@
</div>
</div>
<div class="section home4 fp-auto-height">
<style>
.banner_class1 {
height: 344px !important;
position: relative;
}
.banner_class1 .widget-area-edit {
width: 1px !important;
}
.banner_class1 .widget-area-edit-btn {
top: 150px !important;
}
</style>
<div class="father-box">
<div class="title">
<span class="big-title">新闻</span>
@ -712,10 +726,28 @@
</script>
<div class="news_box">
<div class="news_left">
<div class="news_img"><img src="assets/images/news.jpeg"></div>
<div class="banner_class1"
edit_params="width%3D1920%26height%3D960%26wap_width%3D750%26wap_height%3D1334%26zoom%3D3%26opacityShow%3D1%26tabs%3D10%26showLink%3D1">
<div class="slick-mod banner">
<div class="slick-item">
<a class="slick-link p-show" style="background-image: url(assets/images/1.png);" href=""></a>
<a class="slick-link m-show" style="background-image: url(assets/images/1.png);" href=""></a>
</div>
<div class="slick-item">
<a class="slick-link p-show" style="background-image: url(assets/images/2.png);" href=""></a>
<a class="slick-link m-show" style="background-image: url(assets/images/2.png);" href=""></a>
</div>
<div class="slick-item">
<a class="slick-link p-show" style="background-image: url(assets/images/3.png);" href=""></a>
<a class="slick-link m-show" style="background-image: url(assets/images/3.png);" href=""></a>
</div>
</div>
<div class="nav"></div>
</div>
<div class="news_left_content">
<div class="title-box">
<h3>习近平：把中国文明历史研究引向深入 增强历史...</h3>
<h3 class="title-name">习近平：把中国文明历史研究引向深入 增强历史...</h3>
<span class="title-date">2022.07.15</span>
</div>
<div class="news_content">
@ -1172,7 +1204,7 @@
</div>
<div class="remaark">
说明：数据来自国务院及国家文化和旅游行政主管部门公开信息，台湾省暂无数据，数据统计截至2021年06月30日 。
说明：数据来自国务院及国家文化和旅游行政主管部门公开信息，数据统计截至2021年06月30日 。
</div>
<div class="nums">
<p>总计: <span>159</span> 项</p>
@ -1342,7 +1374,7 @@
<br>
<br>
<br>
<span class="s">Copyright©2018 中国非物质文化遗产网·中国非物质文化遗产数字博物馆 All Rights Reserved <a
<span class="s">Copyright©2024 河北省非物质文化遗产保护协会 All Rights Reserved <a
href="https://beian.miit.gov.cn/">冀ICP备15022141号-3</a></span>
<!-- <p class="red">建议使用360极速、Chrome、Firefox浏览器，最佳分辨率1920×1080</p> -->
</div>
@ -1795,6 +1827,114 @@
});
})
</script>
<script>
$(function () {
if ($(window).width() < 768) {
$(".home4 .slick-mod").on("init", function (event, slick) {
//home4Flag = true;
if ($(".home4 .slick-mod .slick-current .m-show").find("video").size() > 0) {
$(".home4 .slick-mod .slick-current .m-show").find("video")[0].play();
$(".home4 .slick-mod .slick-current .m-show").find("video").bind("ended", function () {
$(".home4 .slick-mod").slick("slickPlay");
});
} else {
setTimeout(function () {
$(".home4 .slick-mod").slick("slickPlay");
}, 100)
}
})
} else {
$(".home4 .slick-mod").on("init", function (event, slick) {
//home4Flag = true;
if ($(".home4 .slick-mod .slick-current .p-show").find("video").size() > 0) {
$(".home4 .slick-mod .slick-current .p-show").find("video")[0].play();
$(".home4 .slick-mod .slick-current .p-show").find("video").bind("ended", function () {
$(".home4 .slick-mod").slick("slickPlay");
});
} else {
setTimeout(function () {
$(".home4 .slick-mod").slick("slickPlay");
}, 100)
}
})
}
$(".home4 .slick-mod").slick({
autoplay: false,
autoplaySpeed: 3500,
speed: 2000,
fade: false,
dots: true,
arrows: false,
cssEase: "cubic-bezier(0.5,0,0.3,1)",
pauseOnHover: false,
appendDots: ".home4 .nav"
});
$(".home4 .slick-mod").on("afterChange", function (event, slick, currentSlide) {
if ($(window).width() < 768) {
if ($(".home4 .slick-mod .slick-current .m-show").find("video").size() > 0) {
$(".home4 .slick-mod video").each(function () {
var $vd = $(this).get(0);
$vd.pause();
})
$(".home4 .slick-mod .slick-current .m-show").find("video")[0].play();
$(".home4 .slick-mod").slick("slickPause");
$(".home4 .slick-mod .slick-current .m-show").find("video").bind("ended", function () {
$(".home4 .slick-mod").slick("slickPlay");
setTimeout(function () {
$(".home4 .slick-mod").slick("slickNext");
}, 100)
});
} else {
$(".home4 .slick-mod video").each(function () {
var $vd = $(this).get(0);
$vd.pause();
$(".home4 .slick-mod").slick("slickPlay");
})
}
} else {
if ($(".home4 .slick-mod .slick-current .p-show").find("video").size() > 0) {
$(".home4 .slick-mod video").each(function () {
var $vd = $(this).get(0);
$vd.pause();
})
$(".home4 .slick-mod .slick-current .p-show").find("video")[0].play();
$(".home4 .slick-mod").slick("slickPause");
$(".home4 .slick-mod .slick-current .p-show").find("video").bind("ended", function () {
$(".home4 .slick-mod").slick("slickPlay");
setTimeout(function () {
$(".home4 .slick-mod").slick("slickNext");
}, 100)
});
} else {
$(".home4 .slick-mod video").each(function () {
var $vd = $(this).get(0);
$vd.pause();
$(".home4 .slick-mod").slick("slickPlay");
})
}
}
switch (currentSlide) {
case 0:
$('.news_left_content .title-name').text('习近平：把中国文明历史研究引向深入 增强历史自觉...');
$('.news_left_content .title-date').text('2022.07.15');
$('.news_left_content .news_content').text('今天，中央政治局进行第三十九次集体学习，内容是深化中华文明探源工程。安排这次学习，目的是深入了解中华文明五千多年发展史，推动把中国...');
break;
case 1:
$('.news_left_content .title-name').text('习近平总书记在新疆考察并观看《玛纳斯》说唱展示');
$('.news_left_content .title-date').text('2022.07.15');
$('.news_left_content .news_content').text('7月12日下午至13日上午，习近平总书记在新疆乌鲁木齐市考察了新疆大学、乌鲁木齐国际陆港区、天山区固原巷社区、新疆维吾尔自治区博物...');
break;
case 2:
$('.news_left_content .title-name').text('习近平总书记的非遗情结');
$('.news_left_content .title-date').text('2021.09.22');
$('.news_left_content .news_content').text('9月13日至14日，习近平总书记在陕西省榆林市考察期间，来到绥德县非物质文化遗产陈列馆，观摩石雕、绥德平安书、剪纸、民歌、泥塑等展...');
break;
}
});
})
</script>
</div>
<!-- 热点推荐条 -->
<!-- <div class="hotspot">

Write Preview
Loading…
Cancel
Save