admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化页面显示

Browse Source
This commit is contained in:
java110 2020-03-20 16:01:21 +08:00
parent 7ffab65318
commit d379d669e9
4 changed files with 25 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
public/admin-old.html
View File

@ -1,72 +0,0 @@
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:vc="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>HC小区管理系统|java110</title>
<vc:create name="commonTop" location= "head"></vc:create>
<link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css"/>
<link href="/font-awesome/css/font-awesome.css" rel="stylesheet"/>
<!-- Toastr style -->
<link href="/css/plugins/toastr/toastr.min.css" rel="stylesheet"/>
<!-- Gritter -->
<link href="/js/plugins/gritter/jquery.gritter.css" rel="stylesheet"/>
<link href="/css/plugins/select2/select2.min.css" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet"/>
<link href="/css/style.css" rel="stylesheet"/>
<link rel="stylesheet" href="/css/common.css"/>
<link rel="stylesheet" href="/css/bootstrap/bootstrap-datetimepicker.min.css"/>
<script src="/js/bootstrap/jquery-3.3.1.min.js"></script>
<script src="/js/vue/vue.min.js"></script>
<script src="/js/vue/vue-resource.min.js"></script>
<script src="/js/bootstrap/jquery-3.3.1.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap/bootstrap.min.js"></script>
<script src="/js/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="/js/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/js/plugins/select2/select2.full.min.js"></script>
<script src="/js/plugins/echart/echarts.min.js"></script>
<script src="/js/plugins/echart/china.js"></script>
<!-- SUMMERNOTE 富文本组件-->
<link href="/css/plugins/summernote/summernote-bs4.min.css" rel="stylesheet">
<script src="/js/plugins/summernote/summernote-bs4.min.js"></script>
<script src="/js/plugins/summernote/summernote-zh-CN.min.js"></script>
<script src="/js/plugins/xss/xss.min.js"></script>
<link href="/css/jquery.step.css" rel="stylesheet"/>
<script src="/js/jquery.step.min.js" ></script>
<link rel="stylesheet" href="/css/bootstrap/bootstrap-treeview.min.css"/>
<script src="/js/bootstrap/bootstrap-treeview.min.js"></script>
</head>
<body>
<vc:create name="bodyTop"></vc:create>
<div id="wrapper">
<vc:create name="menu"></vc:create>
<div id="page-wrapper" class="gray-bg dashbard-1">
<div class="border-bottom">
<vc:create name="nav"></vc:create>
</div>
<div class="wrapper wrapper-content" style="padding-bottom: 0px;">
<vc:create name="breadcrumb"></vc:create>
</div>
<!-- -->
<div id="component" class="wrapper wrapper-content animated fadeInRight">
<vc:create name="enterCommunity"></vc:create>
</div>
<vc:create name="copyright"></vc:create>
</div>
</div>
<script src="/vcCore/vcFramework.js"></script>
<vc:create name="commonBottom" location="body"></vc:create>
</body>
</html>

4
public/admin.html
View File

@ -37,11 +37,11 @@
</head>
<body class="pace-done">
<body class="vc-body">
<vc:create name="bodyTop" domain="frameComponents"></vc:create>
<div class="vc">
<vc:create name="menu" domain="frameComponents"></vc:create>
<div id="page-wrapper" class="gray-bg dashbard-1">
<div id="vc-page" class="gray-bg dashbard-1">
<div class="border-bottom">
<vc:create name="nav" domain="frameComponents"></vc:create>
</div>

42
public/css/vc-ui.css
View File

@ -208,14 +208,14 @@ body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
body.canvas-menu .nav-header {
padding: 33px 25px;
}
body.mini-navbar #page-wrapper {
body.mini-navbar #vc-page {
margin: 0 0 0 70px;
}
body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
margin: 0 0 0 0 !important;
}
body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar #vc-page,
body.canvas-menu.mini-navbar .footer {
margin: 0 0 0 0;
}
@ -229,10 +229,10 @@ body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
body.fixed-sidebar.mini-navbar .navbar-static-side {
width: 0;
}
body.fixed-sidebar.mini-navbar #page-wrapper {
body.fixed-sidebar.mini-navbar #vc-page {
margin: 0 0 0 0;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
body.body-small.fixed-sidebar.mini-navbar #vc-page {
margin: 0 0 0 220px;
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
@ -298,11 +298,11 @@ body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
width: 220px;
}
.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
.top-navigation.mini-navbar #vc-page,
.top-navigation.body-small.fixed-sidebar.mini-navbar #vc-page,
.mini-navbar .top-navigation #vc-page,
.body-small.fixed-sidebar.mini-navbar .top-navigation #vc-page,
.canvas-menu #vc-page {
margin: 0;
}
@ -354,22 +354,22 @@ body.body-small.mini-navbar .footer.fixed {
margin: 0 0 0 0;
}
body.rtls.mini-navbar #page-wrapper {
body.rtls.mini-navbar #vc-page {
margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
body.rtls.mini-navbar.fixed-sidebar #vc-page {
margin: 0 0 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
body.rtls.body-small.fixed-sidebar.mini-navbar #vc-page {
margin: 0 220px 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
width: 220px;
}
body.rtls .top-navigation #page-wrapper,
body.rtls.mini-navbar .top-navigation #page-wrapper,
body.rtls.mini-navbar.top-navigation #page-wrapper {
body.rtls .top-navigation #vc-page,
body.rtls.mini-navbar .top-navigation #vc-page,
body.rtls.mini-navbar.top-navigation #vc-page {
margin: 0;
}
@ -438,10 +438,10 @@ body.rtls.mini-navbar.top-navigation #page-wrapper {
.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
width: 0;
}
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {
.md-skin.fixed-sidebar.mini-navbar #vc-page {
margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
.md-skin.body-small.fixed-sidebar.mini-navbar #vc-page {
margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
@ -566,20 +566,20 @@ ul.nav-second-level {
padding-left: 52px;
}
/************************************************page********************************************************/
.pace-done .nav-header {
.vc-body .nav-header {
transition: all 0.4s;
}
.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
.vc-body .navbar-static-side, .vc-body .nav-header, .vc-body li.active, .vc-body #vc-page, .vc-body .footer {
/* -webkit-transition: all 0.4s; */
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
/* transition: all 0.4s; */
}
#page-wrapper {
#vc-page {
position: inherit;
margin: 0 0 0 220px;
min-height: 100vh;
padding: 0 15px;
padding: 0 0px;
position: relative !important;
}

4
public/index.html
View File

@ -35,13 +35,13 @@
</head>
<body class="pace-done">
<body class="vc-body">
<vc:create name="loading" domain="frameComponents"></vc:create>
<div class="vc">
<vc:create name="menu" domain="frameComponents"></vc:create>
<div id="page-wrapper" class="gray-bg dashbard-1">
<div id="vc-page" class="gray-bg dashbard-1">
<div class="border-bottom">
<vc:create name="nav" domain="frameComponents"></vc:create>
</div>