优化了手机端的显示问题

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

View File

@@ -90,7 +90,7 @@ figure.effect-sadie figcaption::before {
left: 0;
width: 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: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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