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; 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: false, autoplay: true,
interval: 4000, interval: 4000,
indicator: 'outside', indicator: 'outside',
width: '650px', width: '650px',

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

@ -13,7 +13,7 @@
position: relative; position: relative;
//background-image: url(/home/base/bg-head5.png); //background-image: url(/home/base/bg-head5.png);
//background-position-y:56%; //background-position-y:56%;
height: 326px; height: 477px;
background-size: cover; background-size: cover;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -51,14 +51,31 @@
</head> </head>
<div id="hd"> <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 carousel-item>
<div> <div>
<img class="bg_image1" th:src="@{/home/base/bg-head5.png}"> <img class="bg_image1" th:src="@{/home/base/bg-head5.png}">
</div> </div>
</div> </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"> <ul class="layui-nav" id="dhl">
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="base.html" class="homePage">首页</a> <a href="base.html" class="homePage">首页</a>
@ -99,7 +116,7 @@
indicator:'none', indicator:'none',
arrow:'none', arrow:'none',
width: '100%', width: '100%',
height: '326px', height: '477px',
}); });
}); });
function queryList(){ function queryList(){

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

@ -13,7 +13,7 @@
position: relative; position: relative;
//background-image: url(/home/base/bg-head2.png); //background-image: url(/home/base/bg-head2.png);
//background-position-y:56%; //background-position-y:56%;
height: 326px; height: 477px;
background-size: cover; background-size: cover;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -135,7 +135,7 @@
</head> </head>
<div id="hd"> <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 carousel-item>
<div> <div>
<img class="bg_image1" th:src="@{/home/base/bg-head5.png}"> <img class="bg_image1" th:src="@{/home/base/bg-head5.png}">
@ -143,7 +143,25 @@
</div> </div>
</div> </div>
<!-- <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">--> <!-- <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"> <ul class="layui-nav" id="dhl">
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="base.html" class="homePage">首页</a> <a href="base.html" class="homePage">首页</a>
@ -215,7 +233,7 @@
indicator:'none', indicator:'none',
arrow:'none', arrow:'none',
width: '100%', width: '100%',
height: '326px', height: '477px',
}); });
}); });
var deptHover = document.querySelector('.dept') var deptHover = document.querySelector('.dept')

Write Preview
Loading…
Cancel
Save