1.调整样式,增加背景

This commit is contained in:
wanggeng888 2021-05-17 15:58:13 +08:00
parent fcb4463e5f
commit 1a98a24089
11 changed files with 54 additions and 24 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 283 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View File

@ -1,9 +1,37 @@
html {
background: #f3f3f3
html, body {
background: transparent;
}
html, body, #LAY_app {
height: 100%;
}
.login-bg {
background-image: url('/wg/assets/images/login-background1.jpeg');
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.index-bg {
background-image: url('/wg/assets/images/login-background2.jpeg');
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
.logo {float: left; margin-left: 25px; line-height: 60px;}
.logo img{height: 40px;}
.logo span{color: #FFFFFF; margin-left: 10px; font-size: 24px; line-height: 60px; font-weight: bold; vertical-align: top;}
.layui-header .layui-nav{background-color: transparent;}
.layui-elem-quote {margin-bottom: 0px; background-color: #FFFFFF;}
.layui-nav .layui-nav-child a {text-align: center !important;}
.iframe-container {
margin: 15px;
margin: 15px 80px;
}
.iframe-container .iframe-box {
@ -22,6 +50,15 @@ html {
.list-page-container {
background: #FFFFFF;
padding: 15px 15px 5px 15px;
border-top: 1px dotted #999;
}
.info-page-container {
border-top: 1px dotted #999;
}
.info-page-container .layui-card {
box-shadow: none;
}
.layui-form-pane .layui-form-label {
@ -42,10 +79,6 @@ html {
padding: 15px;
}
html, body, #LAY_app {
height: 100%;
}
.layui-layout-body {
overflow: auto;
}

View File

@ -10,18 +10,13 @@
<link rel="icon" href="assets/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="assets/layui/css/layui.css"/>
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
<style>
.logo {float: left; margin-left: 45px;}
.logo img{margin-top: 10px; height: 40px;}
.layui-header .layui-nav{background-color: transparent;}
.layui-elem-quote {margin-bottom: 0px; background-color: #FFFFFF;}
</style>
</head>
<body>
<body class="index-bg">
<div class="layui-app">
<div class="layui-header header header-index layui-bg-cyan">
<a class="logo menu-item" href="javascript:void(0);">
<img src="assets/images/logo.png" alt="网关">
<span>GATEWAY</span>
</a>
<ul class="layui-nav" style="float: left;">
<li class="layui-nav-item">
@ -32,13 +27,13 @@
</dl>
</li>
</ul>
<ul class="layui-nav" style="float: right;">
<ul class="layui-nav" style="float: right; margin-right: 60px;">
<li class="layui-nav-item">
<a href="javascript:void(0);">
<img src="assets/images/user-avatar.png" class="layui-nav-img">管理员
</a>
<dl class="layui-nav-child">
<dd><a href="api/sign/out">退出</a></dd>
<dd><a href="api/sign/out">退出系统</a></dd>
</dl>
</li>
</ul>
@ -69,7 +64,7 @@
function resize() {
$('#defaultIFrame').css({
width: ($win.width() - 30) +'px',
width: ($win.width() - 160) +'px',
height: ($win.height() - 140) +'px'
})
}

View File

@ -16,7 +16,7 @@
}
</script>
</head>
<body>
<body class="login-bg">
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login">
<div id="layadminUserLoginMain" class="layadmin-user-login-main" style="">
<div class="layadmin-user-login-box layadmin-user-login-header">

View File

@ -62,7 +62,8 @@
data: tableData.dataArray,
page: {
curr: currentPage ? currentPage : tableData.currentPage
}
},
height: $win.height() - 73,
});
}
function initTable() {

View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
</head>
<body>
<div class="layui-anim layui-anim-fadein">
<div class="layui-anim layui-anim-fadein info-page-container">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">

View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
</head>
<body>
<div class="layui-anim layui-anim-fadein">
<div class="layui-anim layui-anim-fadein info-page-container">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">

View File

@ -88,7 +88,8 @@
data: tableData.dataArray,
page: {
curr: currentPage ? currentPage : tableData.currentPage
}
},
height: $win.height() - 73,
});
}
function initTable() {

View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
</head>
<body>
<div class="layui-anim layui-anim-fadein">
<div class="layui-anim layui-anim-fadein info-page-container">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">

View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="assets/layui/css/admin.css"/>
</head>
<body>
<div class="layui-anim layui-anim-fadein">
<div class="layui-anim layui-anim-fadein info-page-container">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">