Tenlion/qhsz-usercenter
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整配置、样式与背景图片

Browse Source
This commit is contained in:
wanggeng 2022-07-20 09:40:12 +08:00
parent 6915341dd8
commit 81ae64a415
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/main/resources/static/assets/custom/index/images/page-bg-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 915 KiB

BIN
src/main/resources/static/assets/custom/index/images/page-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 915 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

12
src/main/resources/templates/index/index.html
View File

@ -7,6 +7,9 @@
<title th:text="${systemTitle}"></title>
<link rel="stylesheet" href="assets/custom/index/css/swiper.min.css?t=1">
<link rel="stylesheet" href="assets/custom/index/css/style.css?t=1">
<style>
.swiper-slide a {position: unset;}
</style>
</head>
<body>
<div id="app">
@ -21,16 +24,18 @@
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" th:each="oAuth2Client: ${listOAuth2Client}">
<a th:href="${oAuth2Client.webServerRedirectUri}" class="guide-box">
<div class="guide-box">
<div class="slide-box">
<a th:href="${oAuth2Client.webServerRedirectUri}">
<img th:if="${oAuth2Client.systemIcon ne ''}" th:src="'route/file/download/false/'+ ${oAuth2Client.systemIcon}" alt="">
<img th:if="${oAuth2Client.systemIcon eq ''}" src="assets/custom/index/images/system.png"/>
<div class="system-name" th:text="${oAuth2Client.clientName}"></div>
<div class="system-name-small" th:text="${oAuth2Client.environment}"></div>
</div>
<!--<div class="system-name-small" th:text="${oAuth2Client.environment}"></div>-->
</a>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
@ -54,6 +59,7 @@
delay: 3000,
disableOnInteraction : false
},
slideToClickedSlide: true,
pagination: {
el: '.swiper-pagination',
clickable: true,