@ -91,20 +91,29 @@
text-align: center;
text-align: center;
white-space: nowrap; /* 防止文本换行 */
white-space: nowrap; /* 防止文本换行 */
text-overflow: ellipsis; /* 显示省略号 */
text-overflow: ellipsis; /* 显示省略号 */
position: relative;
}.zhuanti li span{
}.zhuanti li span{
white-space: nowrap;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
overflow: hidden;
max-width: 286px;
display: inline-block;
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
height: 25px;
line-height: 25px;
background-color: rgb(0 0 0 / 0.7);
color: white;
}
}
.zhuanti li img{
.zhuanti li img{
transition: all 0.3s;
transition: all 0.3s;
}
}
.zhuanti li:hover img{
.zhuanti li:hover img{
transform:scale(1.1)
transform:scale(1.1)
}
}
.zhuanti li:hover span{
color: #ffbb3f;
}
.more a {
.more a {
display: inline-block;
display: inline-block;
width: 58px;
width: 58px;
@ -260,12 +269,24 @@
justify-content: space-around;
justify-content: space-around;
overflow:auto;
overflow:auto;
}
}
.lantieContent .right li{
position: relative;
}
.lantieContent .right li span{
.lantieContent .right li span{
white-space: nowrap;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 190px;
overflow: hidden;
overflow: hidden;
width: 100%;
display: inline-block;
height: 25px;
line-height: 25px;
margin-top: -8px;
background-color: rgb(0 0 0 / 0.7);
color: white;
}
}
.lantieContent .right li:hover span{
color: #ffbb3f;
}
.lianjieBox{
.lianjieBox{
width:100%;
width:100%;
display:flex;
display:flex;
@ -483,7 +504,7 @@
< span style = "display:inline-block;width:50px;height:50px;border-radius:50%;font-size:28px;line-height:50px;background-color:rgba(27, 110, 196, 0.68);" >
< span style = "display:inline-block;width:50px;height:50px;border-radius:50%;font-size:28px;line-height:50px;background-color:rgba(27, 110, 196, 0.68);" >
< i style = "color: #fff;" class = "fa fa-bar-chart-o" th:class = "${content.icon}" > < / i >
< i style = "color: #fff;" class = "fa fa-bar-chart-o" th:class = "${content.icon}" > < / i >
< / span >
< / span >
< p style = "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:120px;color: #006fc4; ">
< p style = "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:120px;color: #006fc4; font-size: 16px; ">
[[${content.contentTitle}]]
[[${content.contentTitle}]]
< / p >
< / p >
< / a >
< / a >
@ -531,7 +552,7 @@
< a th:href = "@{/special_view.html(columnId=${column.columnId})}" th:title = "${column.columnName}" target = "_blank" >
< a th:href = "@{/special_view.html(columnId=${column.columnId})}" th:title = "${column.columnName}" target = "_blank" >
< img style = "height:155px;width: 190px " th:src = "${column.columnUrl}" >
< img style = "height:155px;width: 190px " th:src = "${column.columnUrl}" >
< / a >
< / a >
< span style = "margin-top: 5px;font-size: 15px; color: black; "> [[${column.columnName}]]< / span >
< span style = "margin-top: 5px;font-size: 15px; "> [[${column.columnName}]]< / span >
< / li >
< / li >
< / ul >
< / ul >
< / div >
< / div >
@ -550,7 +571,7 @@
< ul class = "right" >
< ul class = "right" >
< li th:each = "content,status : ${windowColumns}" style = "width:22%;text-align:center;" >
< li th:each = "content,status : ${windowColumns}" style = "width:22%;text-align:center;" >
< video th:src = "${content.columnUrl}" class = "video" style = "width:100%;" > < / video >
< video th:src = "${content.columnUrl}" class = "video" style = "width:100%;" > < / video >
< span style = "font-size: 15px; color: black; "> [[${content.columnName}]]< / span >
< span style = "font-size: 15px; "> [[${content.columnName}]]< / span >
< / li >
< / li >
< / ul >
< / ul >
< / div >
< / div >
@ -659,26 +680,18 @@
$(document).ready(function() {
$(document).ready(function() {
var owl = $("#owl-demo");
var owl = $("#owl-demo");
owl.owlCarousel({
owl.owlCarousel({
items :8, //10 items above 1000px browser width
items :8,
itemsDesktop : [1500,5], //5 items between 1000px and 901px
itemsDesktop : [1500,5],
itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
itemsDesktopSmall : [900,3],
itemsTablet: [600,2], //2 items between 600 and 0;
itemsTablet: [600,2],
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
itemsMobile : false
});
});
// Custom Navigation Events
$(".next").click(function(){
$(".next").click(function(){
owl.trigger('owl.next');
owl.trigger('owl.next');
})
})
$(".prev").click(function(){
$(".prev").click(function(){
owl.trigger('owl.prev');
owl.trigger('owl.prev');
})
})
$(".play").click(function(){
owl.trigger('owl.play',1000);
})
$(".stop").click(function(){
owl.trigger('owl.stop');
})
});
});
< / script >
< / script >
< script type = "text/javascript" >
< script type = "text/javascript" >
@ -700,7 +713,7 @@
// 渲染 - 图片轮播
// 渲染 - 图片轮播
carousel.render({
carousel.render({
elem: '#ID-carousel-demo-image',
elem: '#ID-carousel-demo-image',
autoplay: fals e,
autoplay: tru e,
interval: 4000,
interval: 4000,
indicator: 'outside',
indicator: 'outside',
width: '650px',
width: '650px',