@ -54,7 +54,7 @@
text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
.newslist-to li:before {
.newslist-to-l li:before {
content: '';
content: '';
position: absolute;
position: absolute;
left: 0;
left: 0;
@ -529,6 +529,41 @@
height: 100%;
height: 100%;
object-fit: cover;
object-fit: cover;
}
}
.first {
/* 第一个元素的样式 */
background-color: #0558b0 !important;
height: 48px !important;
line-height: 48px !important;
}
.second {
/* 第二个元素的样式 */
background-color: #0558b0 !important;
}
.third {
/* 第三个元素的样式 */
background-color: #0558b0 !important;
}
.firstLi a{
font-size: 24px !important;
height: 30px !important;
vertical-align: -7px !important;
font-weight: 700;
}
.secondLi a{
font-size: 21px !important;
height: 30px !important;
vertical-align: -7px !important;
font-weight: 400;
}
.thirdLi a{
font-size: 18px !important;
height: 30px !important;
vertical-align: -7px !important;
font-weight: 100;
}
< / style > < / style >
< / head > < / head >
< body class = "layui-bg-gray" style = "" > < body class = "layui-bg-gray" style = "" >
@ -575,7 +610,7 @@
< / h1 >
< / h1 >
< p style = "font-size: 16px;color: #777;" > 时间:[[${#dates.format(noticeList[0].createTime, 'yyyy年MM月dd日')}]]< / p >
< p style = "font-size: 16px;color: #777;" > 时间:[[${#dates.format(noticeList[0].createTime, 'yyyy年MM月dd日')}]]< / p >
< / div >
< / div >
< ul class = "newslist-to ">
< ul class = "newslist-to newslist-to-l ">
< li th:each = "notice,status : ${noticeList}" th:if = "${!status.first}" >
< li th:each = "notice,status : ${noticeList}" th:if = "${!status.first}" >
< a th:href = "@{/public_view.html(type=1,id=${notice.noticeId})}" th:title = "${notice.noticeTitle}" target = "_blank" > [[${#strings.abbreviate(notice.noticeTitle,33)}]]< / a >
< a th:href = "@{/public_view.html(type=1,id=${notice.noticeId})}" th:title = "${notice.noticeTitle}" target = "_blank" > [[${#strings.abbreviate(notice.noticeTitle,33)}]]< / a >
< span class = "time" > [[${#dates.format(notice.createTime, 'yyyy年MM月dd日')}]] < / span >
< span class = "time" > [[${#dates.format(notice.createTime, 'yyyy年MM月dd日')}]] < / span >
@ -621,7 +656,7 @@
< / a >
< / a >
< / div >
< / div >
< / div >
< / div >
< ul class = "newslist-to ">
< ul class = "newslist-to newslist-to-l ">
< li th:each = "work,status : ${workList}" th:if = "${!status.first}" >
< li th:each = "work,status : ${workList}" th:if = "${!status.first}" >
< a th:href = "@{/public_view.html(type=2,id=${work.workId})}" th:title = "${work.workTitle}" target = "_blank" > [[${#strings.abbreviate(work.workTitle,28)}]]< / a >
< a th:href = "@{/public_view.html(type=2,id=${work.workId})}" th:title = "${work.workTitle}" target = "_blank" > [[${#strings.abbreviate(work.workTitle,28)}]]< / a >
< span class = "time" > [[${#dates.format(work.createTime, 'yyyy年MM月dd日')}]]< / span >
< span class = "time" > [[${#dates.format(work.createTime, 'yyyy年MM月dd日')}]]< / span >
@ -693,7 +728,21 @@
< / div >
< / div >
< div class = "layui-card-body" >
< div class = "layui-card-body" >
< ul class = "newslist-to" >
< ul class = "newslist-to" >
< li th:each = "business,status : ${businessList}" >
< li style = "list-style: none" th:each = "business,status : ${businessList}" th:class = "${status.count == 1 ? 'firstLi' : (status.count == 2 ? 'secondLi' : (status.count == 3 ? 'thirdLi' : ''))}" >
< span
th:class="${status.count == 1 ? 'first' : (status.count == 2 ? 'second' : (status.count == 3 ? 'third' : ''))}"
style="
text-align: center;
display: inline-block;
width: 30px;
height: 30px;
background-color: #838284;
line-height: 30px;
color: white;
"
>
[[${status.count}]]
< / span >
< a th:href = "@{/public_view.html(type=4,id=${business.businessId})}" th:title = "${business.businessTitle}" target = "_blank" > [[${#strings.abbreviate(business.businessTitle,28)}]]< / a >
< a th:href = "@{/public_view.html(type=4,id=${business.businessId})}" th:title = "${business.businessTitle}" target = "_blank" > [[${#strings.abbreviate(business.businessTitle,28)}]]< / a >
< span class = "time" > [[${#dates.format(business.createTime, 'yyyy年MM月dd日')}]]< / span >
< span class = "time" > [[${#dates.format(business.createTime, 'yyyy年MM月dd日')}]]< / span >
< / li >
< / li >
dshclm
9 months ago