优化了手机端的显示问题
This commit is contained in:
@@ -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: '';
|
||||
|
||||
@@ -20,3 +20,6 @@ function navChange(page){
|
||||
}
|
||||
});
|
||||
}
|
||||
function changeImg(){
|
||||
layer.open({ content: '大佬不要意思!这块还在努力建设中...', skin: 'msg', time: 2 });
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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(){
|
||||
|
||||
@@ -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();
|
||||
|
||||
@@ -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">×</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">×</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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user