wangxy
/
work-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交修改

Browse Source
dev-captcha
dshclm 10 months ago
parent 20a6ebb2b2
commit 10bf5f8704
4 changed files with 76 additions and 28 deletions
Show Stats Download Patch File Download Diff File

BIN
ruoyi-admin/src/main/resources/static/home/base/bg_6.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 474 KiB

53
ruoyi-admin/src/main/resources/templates/home/base.html
Unescape View File

@ -91,20 +91,29 @@
text-align: center;
white-space: nowrap; /* 防止文本换行 */
text-overflow: ellipsis; /* 显示省略号 */
position: relative;
}.zhuanti li span{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 286px;
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{
transition: all 0.3s;
}
.zhuanti li:hover img{
transform:scale(1.1)
}
.zhuanti li:hover span{
color: #ffbb3f;
}
.more a {
display: inline-block;
width: 58px;
@ -260,12 +269,24 @@
justify-content: space-around;
overflow:auto;
}
.lantieContent .right li{
position: relative;
}
.lantieContent .right li span{
white-space: nowrap;
text-overflow: ellipsis;
max-width: 190px;
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{
width:100%;
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);">
<i style="color: #fff;" class="fa fa-bar-chart-o" th:class="${content.icon}"></i>
</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}]]
</p>
</a>
@ -531,7 +552,7 @@
<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}">
</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>
</ul>
</div>
@ -550,7 +571,7 @@
<ul class="right">
<li th:each="content,status : ${windowColumns}" style="width:22%;text-align:center;">
<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>
</ul>
</div>
@ -659,26 +680,18 @@
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
items :8, //10 items above 1000px browser width
itemsDesktop : [1500,5], //5 items between 1000px and 901px
itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
itemsTablet: [600,2], //2 items between 600 and 0;
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
items :8,
itemsDesktop : [1500,5],
itemsDesktopSmall : [900,3],
itemsTablet: [600,2],
itemsMobile : false
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
})
$(".prev").click(function(){
owl.trigger('owl.prev');
})
$(".play").click(function(){
owl.trigger('owl.play',1000);
})
$(".stop").click(function(){
owl.trigger('owl.stop');
})
});
</script>
<script type="text/javascript">
@ -700,7 +713,7 @@
// 渲染 - 图片轮播
carousel.render({
elem: '#ID-carousel-demo-image',
autoplay: false,
autoplay: true,
interval: 4000,
indicator: 'outside',
width: '650px',

25
ruoyi-admin/src/main/resources/templates/home_head.html
Unescape View File

@ -13,7 +13,7 @@
position: relative;
//background-image: url(/home/base/bg-head5.png);
//background-position-y:56%;
height: 326px;
height: 477px;
background-size: cover;
display: flex;
justify-content: center;
@ -51,14 +51,31 @@
</head>
<div id="hd">
<div class="layui-carousel" id="ID-carousel-demo-1" style="width: 100%;height: 326px;">
<div class="layui-carousel" id="ID-carousel-demo-1" style="width: 100%;height: 477px;">
<div carousel-item>
<div>
<img class="bg_image1" th:src="@{/home/base/bg-head5.png}">
</div>
</div>
</div>
<img th:src="@{/home/base/lantie3.png}" id="ltlogo" >
<div style=" position: absolute;
font-size: 52px;
font-weight: 900;
color: white;
top: 33%;
left: 5%;
width: 77vw;
height: 105px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;">
<img th:src="@{/home/base/logo.png}" style="width: 8%;" alt="">
<span>甘肃省人民检察院兰州铁路运输分院</span><br>
<span style="font-size: 19.5px;
position: absolute;
left: 10%;
top: 74%;">Lanzhou Railway Transport Branch of Gansu Provincial People's Procuratorate</span>
</div>
<ul class="layui-nav" id="dhl">
<li class="layui-nav-item">
<a href="base.html" class="homePage">首页</a>
@ -99,7 +116,7 @@
indicator:'none',
arrow:'none',
width: '100%',
height: '326px',
height: '477px',
});
});
function queryList(){

26
ruoyi-admin/src/main/resources/templates/home_head1.html
Unescape View File

@ -13,7 +13,7 @@
position: relative;
//background-image: url(/home/base/bg-head2.png);
//background-position-y:56%;
height: 326px;
height: 477px;
background-size: cover;
display: flex;
justify-content: center;
@ -135,7 +135,7 @@
</head>
<div id="hd">
<div class="layui-carousel" id="ID-carousel-demo-1" style="width: 100%;height: 326px;">
<div class="layui-carousel" id="ID-carousel-demo-1" style="width: 100%;height: 477px;">
<div carousel-item>
<div>
<img class="bg_image1" th:src="@{/home/base/bg-head5.png}">
@ -143,7 +143,25 @@
</div>
</div>
<!-- <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">-->
<img th:src="@{/home/base/lantie3.png}" id="ltlogo" >
<!-- <img th:src="@{/home/base/lantie3.png}" id="ltlogo" >-->
<div style=" position: absolute;
font-size: 52px;
font-weight: 900;
color: white;
top: 33%;
left: 5%;
width: 77vw;
height: 105px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;">
<img th:src="@{/home/base/logo.png}" style="width: 8%;" alt="">
<span>甘肃省人民检察院兰州铁路运输分院</span><br>
<span style="font-size: 19.5px;
position: absolute;
left: 10%;
top: 74%;">Lanzhou Railway Transport Branch of Gansu Provincial People's Procuratorate</span>
</div>
<ul class="layui-nav" id="dhl">
<li class="layui-nav-item">
<a href="base.html" class="homePage">首页</a>
@ -215,7 +233,7 @@
indicator:'none',
arrow:'none',
width: '100%',
height: '326px',
height: '477px',
});
});
var deptHover = document.querySelector('.dept')

Write Preview
Loading…
Cancel
Save