提交修改

dev-captcha
dshclm 10 months ago
parent 88515ab8e0
commit 118a76135f

@ -357,6 +357,16 @@
width:30px; width:30px;
height:28px; height:28px;
} }
.sliderA{
display: inline-block;
background-color: rgb(182 182 182 / 0.6);
height: 50px;
width: 100%;
position: absolute;
top: 90%;
line-height: 46px;
text-align: center;
}
</style> </style>
</head> </head>
<body class="layui-bg-gray" style=""> <body class="layui-bg-gray" style="">
@ -372,8 +382,10 @@
<div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 433px;"> <div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 433px;">
<div carousel-item> <div carousel-item>
<tbody th:each="url,status : ${urlList}"> <tbody th:each="url,status : ${urlList}">
<img th:src="${url.imgUrl}"> <a th:href="@{/public_view.html(type=2,id=${url.workId})}" th:title="${url.workTitle}" target="_blank">
<a th:href="@{/public_view.html(type=2,id=${url.workId})}" th:title="${url.workTitle}" target="_blank">[[${#strings.abbreviate(url.workTitle,28)}]]</a> <img th:src="${url.imgUrl}">
<span class="sliderA">[[${#strings.abbreviate(url.workTitle,28)}]]</span>
</a>
</tbody> </tbody>
</div> </div>
</div> </div>

@ -59,7 +59,7 @@
left: -353%; left: -353%;
top: 65px; top: 65px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 1331px; width: 80vw;
//line-height: 85px; //line-height: 85px;
padding: 5px 0; padding: 5px 0;
box-shadow: 0 2px 4px rgba(0,0,0,.12); box-shadow: 0 2px 4px rgba(0,0,0,.12);
@ -69,7 +69,7 @@
border-radius: 2px; border-radius: 2px;
white-space: wrap; white-space: wrap;
box-sizing: border-box; box-sizing: border-box;
height:100px; height:auto;
} }
.layui-nav-item .arrow { .layui-nav-item .arrow {
z-index: 999; z-index: 999;
@ -95,7 +95,7 @@
left: -581%; left: -581%;
top: 65px; top: 65px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 1331px; width: 80vw;
//line-height: 85px; //line-height: 85px;
padding: 5px 0; padding: 5px 0;
box-shadow: 0 2px 4px rgba(0,0,0,.12); box-shadow: 0 2px 4px rgba(0,0,0,.12);
@ -103,21 +103,22 @@
background-color: rgba(255,255,255,0.89); background-color: rgba(255,255,255,0.89);
z-index: 100; z-index: 100;
border-radius: 2px; border-radius: 2px;
white-space: wrap;
box-sizing: border-box; box-sizing: border-box;
height:100px; height:auto;
} }
.childBox{ .childBox{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: start;
height: 100%; height: 100%;
flex-wrap: wrap;
} }
.childBox2{ .childBox2{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: start;
height: 100%; height: 100%;
flex-wrap: wrap;
} }
/*.childBox2 dd{*/ /*.childBox2 dd{*/
/* float: left;*/ /* float: left;*/

Loading…
Cancel
Save