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

提交修改

Browse Source
new-v20240713
dshclm 9 months ago
parent 5987d75ca1
commit 4f21b2460a
2 changed files with 55 additions and 54 deletions
Show Stats Download Patch File Download Diff File

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

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

@ -299,6 +299,7 @@
width:100%; width:100%;
display:flex; display:flex;
justify-content: space-between; justify-content: space-between;
height: 340px;
} }
.lianjieList li:before { .lianjieList li:before {
content: ''; content: '';
@ -328,14 +329,26 @@
height:100%; height:100%;
} }
.map{ .map{
width:50%; width:59%;
height:100%; max-height: 340px;
overflow: hidden;
} }
.map li{ .map li{
width:100%; width:100%;
height:100%; height:100%;
position: relative; position: relative;
} }
.map li a{
width: 33px;
height: 28px;
position: absolute; /* 设置定位元素为绝对定位 */
top: 50%; /* 垂直居中 */
left: 50%; /* 水平居中 */
transform: translate(-50%, -50%); /* 移动元素到中心点 */
font-size: 16px; /* 设置文本大小 */
color: #593f2f; /* 设置文本颜色 */
font-weight: bold;
}
.map li a img{ .map li a img{
transition: all 0.3s; transition: all 0.3s;
} }
@ -343,32 +356,20 @@
transform: translateY(-5%); transform: translateY(-5%);
} }
.map .font1{ .map .font1{
width: 30px; top: 58%;
height: 28px; left: 52%;
position: absolute;
right: 57%;
top: 52%;
} }
.map .font2{ .map .font2{
width: 30px; top: 37%;
height: 28px; left: 49%;
position: absolute;
right: 60%;
top: 28%;
} }
.map .font3{ .map .font3{
width: 30px; top: 53%;
height: 28px; left: 44%;
position: absolute;
right: 66%;
top: 43%;
} }
.map .font4{ .map .font4{
width: 30px; top: 36%;
height: 28px; left: 61%;
position: absolute;
right: 50%;
top: 31%;
} }
.map .lantie{ .map .lantie{
width:30px; width:30px;
@ -595,26 +596,18 @@
-o-animation: rotate 5s linear infinite; -o-animation: rotate 5s linear infinite;
animation: rotate 5s linear infinite; animation: rotate 5s linear infinite;
} }
.systemBg{
/*@keyframes rotate*/ background: url(/home/base/down.png) no-repeat;
/*{*/ display: inline-block;
/* 0%*/ width: 100%;
/* {*/ background-position-y: bottom;
/* -webkit-transform: rotate(0deg);*/ background-position-x: center;
/* -moz-transform: rotate(0deg);*/ text-align: center;
/* -ms-transform: rotate(0deg);*/ font-size: 21px;
/* -o-transform: rotate(0deg);*/ font-weight: bold;
/* transform: rotate(0deg);*/ color: #074488;
/* }*/ font-family: layui-icon!important;
/* 100%*/ }
/* {*/
/* -webkit-transform: rotate(360deg);*/
/* -moz-transform: rotate(360deg);*/
/* -ms-transform: rotate(360deg);*/
/* -o-transform: rotate(360deg);*/
/* transform: rotate(360deg);*/
/* }*/
/*}*/
</style> </style>
</head> </head>
<body class="layui-bg-gray" style=""> <body class="layui-bg-gray" style="">
@ -630,7 +623,7 @@
</a> </a>
<a onclick="closeAd()"><span>关闭</span></a> <a onclick="closeAd()"><span>关闭</span></a>
</div> </div>
<div class="layui-container"> <div class="layui-container" style="min-width: 1330px">
<div class="notice"> <div class="notice">
<div class="notice__inner"> <div class="notice__inner">
<div class="notice__item" th:each="notice,status : ${noticeList}"> <div class="notice__item" th:each="notice,status : ${noticeList}">
@ -678,7 +671,7 @@
</div> </div>
</div> </div>
<!-- 宣传图--> <!-- 宣传图-->
<div class="layui-container" style="padding-top: 30px"> <div class="layui-container" style="padding-top: 30px;min-width: 1330px">
<div class="xuanchuanImage"> <div class="xuanchuanImage">
<a th:href="@{/special_view.html(columnId=${specialColumns[0].columnId})}" th:title="${specialColumns[0].columnName}" target="_blank"> <a th:href="@{/special_view.html(columnId=${specialColumns[0].columnId})}" th:title="${specialColumns[0].columnName}" target="_blank">
<img th:src="@{/home/base/dangji.jpg}" style="width: 100%" class="slide active"> <img th:src="@{/home/base/dangji.jpg}" style="width: 100%" class="slide active">
@ -689,7 +682,7 @@
</div> </div>
</div> </div>
<!--工作动态、内设部门--> <!--工作动态、内设部门-->
<div class="layui-container" style="padding-top: 30px"> <div class="layui-container" style="padding-top: 30px;min-width: 1330px">
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-md6"> <div class="layui-col-md6">
<div class="layui-card"> <div class="layui-card">
@ -747,10 +740,14 @@
</div> </div>
<hr> <hr>
<!-- 跳转链接--> <!-- 跳转链接-->
<div class="layui-container"> <div class="layui-container" style="min-width: 1330px;">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px; <div class="layui-card-header">
font-weight: bold;border-bottom: 3px solid #074488;height: 100%;line-height: 40px;color: #074488;">应用系统</i> <!-- <i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;-->
<!-- font-weight: bold;border-bottom: 3px solid #074488;height: 100%;line-height: 40px;color: #074488;">应用系统</i>-->
<span class="systemBg" style="background-image: url(/home/base/down.png)">
应用系统
</span>
</div> </div>
<div class="layui-card-body layui-row systemSlider"> <div class="layui-card-body layui-row systemSlider">
<div id="owl-demo" class="owl-carousel"> <div id="owl-demo" class="owl-carousel">
@ -773,7 +770,7 @@
</div> </div>
</div> </div>
<hr> <hr>
<div class="layui-container"> <div class="layui-container" style="min-width: 1330px;">
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-md6" style="width: 70%"> <div class="layui-col-md6" style="width: 70%">
<div class="layui-card"> <div class="layui-card">
@ -835,10 +832,14 @@
</div> </div>
<hr> <hr>
<!-- 兰铁之窗--> <!-- 兰铁之窗-->
<div class="layui-container"> <div class="layui-container" style="min-width: 1330px;">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px; <div class="layui-card-header">
font-weight: bold;border-bottom: 3px solid #074488;height: 100%;line-height: 40px;color: #074488;">兰铁视窗</i> <!-- <i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;-->
<!-- font-weight: bold;border-bottom: 3px solid #074488;height: 100%;line-height: 40px;color: #074488;">兰铁视窗</i>-->
<span class="systemBg" style="background-image: url(/home/base/down.png)">
兰铁视窗
</span>
</div> </div>
<div class="layui-card-body layui-row"> <div class="layui-card-body layui-row">
<div class="lantieContent"> <div class="lantieContent">
@ -854,7 +855,7 @@
</div> </div>
<hr> <hr>
<!-- 友情链接 --> <!-- 友情链接 -->
<div class="layui-container"> <div class="layui-container" style="min-width: 1330px;">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body layui-row"> <div class="layui-card-body layui-row">
<div class="lianjieBox"> <div class="lianjieBox">
@ -880,7 +881,7 @@
</ul> </ul>
<ul class="map"> <ul class="map">
<li> <li>
<img th:src="@{/home/base/map3.png}"> <img style="width: 70%;height: 330px;" th:src="@{/home/base/map4.png}">
<a class="font1" target="_blank" href="http://143.212.248.10" title="兰州铁路运输检察院"> <a class="font1" target="_blank" href="http://143.212.248.10" title="兰州铁路运输检察院">
<img th:src="@{/home/base/2Dmap.png}" class="lantie"> <img th:src="@{/home/base/2Dmap.png}" class="lantie">
<span>兰州</span> <span>兰州</span>

Write Preview
Loading…
Cancel
Save