limqsh/quinn-bbc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化了手机端的显示问题

Browse Source
This commit is contained in:
limqhz
2022-05-14 01:26:27 +08:00
parent 9e1dd3af77
commit a5fa8ba4a2
8 changed files with 35 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/static/hover/component.css
View File

@@ -90,7 +90,7 @@ figure.effect-sadie figcaption::before {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 100%; border-radius: 50%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: ''; content: '';

3
src/main/resources/static/js/userRefresh.js
View File

@@ -20,3 +20,6 @@ function navChange(page){
} }
}); });
} }
function changeImg(){
layer.open({ content: '大佬不要意思！这块还在努力建设中...', skin: 'msg', time: 2 });
}

4
src/main/resources/templates/forget.html
View File

@@ -29,8 +29,8 @@
</div> </div>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script> <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script> <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/jquery-ui.min.js}"></script> <!--<script th:src="@{/js/jquery-ui.min.js}"></script>-->
<script th:src="@{/live/js/addlive2d.js}"></script> <!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
<script th:src="@{/layer/mobile/layer.js}"></script> <script th:src="@{/layer/mobile/layer.js}"></script>
</body> </body>
</html> </html>

4
src/main/resources/templates/login.html
View File

@@ -42,8 +42,8 @@
</div> </div>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script> <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script> <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/jquery-ui.min.js}"></script> <!--<script th:src="@{/js/jquery-ui.min.js}"></script>-->
<script th:src="@{/live/js/addlive2d.js}"></script> <!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
<script th:src="@{/layer/mobile/layer.js}"></script> <script th:src="@{/layer/mobile/layer.js}"></script>
<script type="text/javascript"> <script type="text/javascript">
function loginSubmit(){ function loginSubmit(){

4
src/main/resources/templates/register.html
View File

@@ -51,8 +51,8 @@
<script th:src="@{/js/jquery-3.5.1.min.js}"></script> <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script> <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/jquery-ui.min.js}"></script> <script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script> <!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
<script th:src="@{/layer/mobile/layer.js}"></script> <!--<script th:src="@{/layer/mobile/layer.js}"></script>-->
<script type="text/javascript"> <script type="text/javascript">
function registerSubmit(){ function registerSubmit(){
let username = $('#username').val(); let username = $('#username').val();

41
src/main/resources/templates/user/index.html
View File

@@ -105,28 +105,28 @@
</div> </div>
<aside class="col-md-3 blog-sidebar" th:fragment="userShowPanel"> <aside class="col-md-3 blog-sidebar" th:fragment="userShowPanel">
<input type="hidden" id="userId" name="userId" th:value="${session.loginUser.getUid()}"> <input type="hidden" id="userId" name="userId" th:value="${session.loginUser.getUid()}">
<div id="myModal" class="modal" tabindex="-1"> <!-- <div id="myModal" class="modal" tabindex="-1">-->
<div class="modal-dialog"> <!-- <div class="modal-dialog">-->
<div class="modal-content"> <!-- <div class="modal-content">-->
<div class="modal-header"> <!-- <div class="modal-header">-->
<h5 class="modal-title">Modal title</h5> <!-- <h5 class="modal-title">Modal title</h5>-->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
<span aria-hidden="true">&times;</span> <!-- <span aria-hidden="true">&times;</span>-->
</button> <!-- </button>-->
</div> <!-- </div>-->
<div class="modal-body"> <!-- <div class="modal-body">-->
<p>Modal body text goes here.</p> <!-- <p>Modal body text goes here.</p>-->
</div> <!-- </div>-->
<div class="modal-footer"> <!-- <div class="modal-footer">-->
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>-->
<button type="button" class="btn btn-primary">Save changes</button> <!-- <button type="button" class="btn btn-primary">Save changes</button>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="p-4 my-3 bg-white rounded"> <div class="p-4 my-3 bg-white rounded">
<div class="mb-0"> <div class="mb-0">
<div class="text-center grid" data-toggle="modal" data-target="#myModal"> <div class="text-center grid" onclick="changeImg()" data-toggle="modal" data-target="#myModal">
<figure class="effect-sadie"> <figure class="effect-sadie">
<img th:src="${session.loginUser.getAvatar()}" style="border-radius: 50%" width="128" height="128"> <img th:src="${session.loginUser.getAvatar()}" style="border-radius: 50%" width="128" height="128">
<figcaption> <figcaption>
@@ -179,5 +179,6 @@
<script th:src="@{/js/jquery-ui.min.js}"></script> <script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script> <script th:src="@{/live/js/addlive2d.js}"></script>
<script th:src="@{/js/userRefresh.js}"></script> <script th:src="@{/js/userRefresh.js}"></script>
<script th:src="@{/layer/mobile/layer.js}"></script>
</body> </body>
</html> </html>

2
src/main/resources/templates/user/user-comment.html
View File

@@ -6,6 +6,7 @@
<title>用户中心-Quinn</title> <title>用户中心-Quinn</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"> <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/backgroud.css}"> <link rel="stylesheet" th:href="@{/css/backgroud.css}">
<link rel="stylesheet" th:href="@{/hover/component.css}">
<style> <style>
#table-title tr th{ #table-title tr th{
border: none; border: none;
@@ -113,5 +114,6 @@
<script th:src="@{/js/jquery-ui.min.js}"></script> <script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script> <script th:src="@{/live/js/addlive2d.js}"></script>
<script th:src="@{/js/userRefresh.js}"></script> <script th:src="@{/js/userRefresh.js}"></script>
<script th:src="@{/layer/mobile/layer.js}"></script>
</body> </body>
</html> </html>

2
src/main/resources/templates/user/user-star.html
View File

@@ -6,6 +6,7 @@
<title>用户中心-Quinn</title> <title>用户中心-Quinn</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"> <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/backgroud.css}"> <link rel="stylesheet" th:href="@{/css/backgroud.css}">
<link rel="stylesheet" th:href="@{/hover/component.css}">
<style> <style>
#table-title tr th{ #table-title tr th{
border: none; border: none;
@@ -114,5 +115,6 @@
<script th:src="@{/js/jquery-ui.min.js}"></script> <script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script> <script th:src="@{/live/js/addlive2d.js}"></script>
<script th:src="@{/js/userRefresh.js}"></script> <script th:src="@{/js/userRefresh.js}"></script>
<script th:src="@{/layer/mobile/layer.js}"></script>
</body> </body>
</html> </html>