55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<base th:href="${#request.getContextPath() + '/'}">
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<title>AI喵著</title>
|
|
<style>
|
|
html, body {margin: 0;padding: 0;height: 100%;}
|
|
.container {width: 100%;height: 100%; display: flex; justify-content: center; align-items: center; background: url('assets/images/system-select-bg.jpg') no-repeat center center; background-size: cover;}
|
|
.container .systems {display: flex; }
|
|
.container .systems .system {
|
|
width: 200px; height: 200px; margin: 10px; cursor: pointer; border-radius: 5px; box-shadow: 0 0 5px rgba(51,200,255,1);
|
|
padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
|
|
align-items: center; background-color: rgba(51,200,255,0.5); transition: background-color 0.3s ease;
|
|
}
|
|
.container .systems .system:hover {background-color: rgba(51,200,255,0.9);}
|
|
.container .systems .system .title { font-size: 30px; color: #FFFFFF;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="systems">
|
|
<div class="system" data-href="/operator/default-main">
|
|
<div class="logo"></div>
|
|
<div class="title">统一用户</div>
|
|
</div>
|
|
<div class="system" data-href="/operator-plugin">
|
|
<div class="logo"></div>
|
|
<div class="title">运营平台</div>
|
|
</div>
|
|
<div class="system" data-href="/copyright">
|
|
<div class="logo"></div>
|
|
<div class="title">喵著系统</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/layuiadmin/layui/layui.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layuiadmin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index', 'animate-numbers'], function() {
|
|
var $ = layui.$;
|
|
$('.system').on('click', function() {
|
|
var href = $(this).data('href');
|
|
window.location.href = href;
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |