DedeBIZ
/
DedeV6
Watch 2
Star 0
Fork 0
Code Pull Requests 0 Releases 29 Activity
Browse Source

简单适配手机端

tags/6.3.2
叙述、别离 10 months ago
parent
68fa4f12d8
commit
691d180db4
2 changed files with 52 additions and 52 deletions
Unified View
  1. +21
    -27
      src/admin/templets/index.htm
  2. +31
    -25
      src/static/web/css/admin.css

+ 21
- 27
src/admin/templets/index.htm View File

@@ -12,7 +12,7 @@
<script src="/static/web/js/admin.main.js"></script> <script src="/static/web/js/admin.main.js"></script>
</head> </head>
<body class="menu-show"> <body class="menu-show">
<header class="admin-head"> <header class="admin-head navbar navbar-expand navbar-dark">
<div class="logo"> <div class="logo">
<a href="index_body.php" target="main" class="name"><?php echo cn_substr($cfg_webname, 12);?></a> <a href="index_body.php" target="main" class="name"><?php echo cn_substr($cfg_webname, 12);?></a>
<span class="version"><?php echo $cfg_version_detail;?></span> <span class="version"><?php echo $cfg_version_detail;?></span>
@@ -22,40 +22,34 @@
<a href="index_body.php?dopost=safe_mode" target="main" class="btn btn-warning btn-xs">开发</a> <a href="index_body.php?dopost=safe_mode" target="main" class="btn btn-warning btn-xs">开发</a>
<?php }?> <?php }?>
</div> </div>
<nav class="item"> <nav class="collapse navbar-collapse pr-3">
<ul> <ul class="navbar-nav mr-lg-auto">
<li><a href="javascript:;" id="togglemenu"><i class="fa fa-dedent" title="侧边伸缩"></i></a></li> <li class="nav-item"><a class="nav-link" href="javascript:;" id="togglemenu"><i class="fa fa-dedent" title="侧边伸缩"></i></a></li>
<?php if ($cuserLogin->getUserType() >= 5) {?> <?php if ($cuserLogin->getUserType() >= 5) {?>
<li class="d-none d-lg-block"><a href="catalog_main.php" target="main"><i class="fa fa-bars" title="栏目管理"></i></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link" href="catalog_main.php" target="main"><i class="fa fa-bars" title="栏目管理"></i></a></li>
<li class="d-none d-lg-block"><a href="tags_main.php" target="main"><i class="fa fa-tags" title="标签管理"></i></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link" href="tags_main.php" target="main"><i class="fa fa-tags" title="标签管理"></i></a></li>
<li class="d-none d-lg-block"><a href="file_manage_main.php<?php echo DEDEBIZ_SAFE_MODE ? '?activepath='.$cfg_medias_dir:'';?>" target="main"><i class="fa fa-folder" title="文件管理"></i></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link" href="file_manage_main.php<?php echo DEDEBIZ_SAFE_MODE ? '?activepath='.$cfg_medias_dir:'';?>" target="main"><i class="fa fa-folder" title="文件管理"></i></a></li>
<li class="d-none d-lg-block"><a href="diy_main.php" target="main"><i class="fa fa-area-chart" title="自定义表单管理"></i></a></li> <li class="nav-item"><a class="nav-link" href="diy_main.php" target="main"><i class="fa fa-area-chart" title="自定义表单管理"></i></a></li>
<?php }?> <?php }?>
<?php if (!DEDEBIZ_SAFE_MODE) {?> <?php if (!DEDEBIZ_SAFE_MODE) {?>
<li class="d-none d-lg-block"><a href="templets_main.php" target="main"><i class="fa fa-cube" title="主题模板"></i></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link" href="templets_main.php" target="main"><i class="fa fa-cube" title="主题模板"></i></a></li>
<?php }?> <?php }?>
<li class="d-none d-lg-block"><a href="makehtml_all.php" target="main"><i class="fa fa-repeat" title="更新整站"></i></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link" href="makehtml_all.php" target="main"><i class="fa fa-repeat" title="更新整站"></i></a></li>
<li class="d-none d-lg-block"><a href="sys_info.php" target="main"><i class="fa fa-cog" title="系统设置"></i></a></li> <li class="nav-item d-none d-lg-block"><a class="nav-link" href="sys_info.php" target="main"><i class="fa fa-cog" title="系统设置"></i></a></li>
<li class="d-none d-lg-block"> <?php echo ($cfg_mb_open == 'Y') ? '<li class="nav-item"><a class="nav-link" href="/user/" target="_blank"><i class="fa fa-user-circle" title="会员中心"></i></a></li>' : '';?>
<li class="nav-item"><a class="nav-link" href="/" target="_blank"><i class="fa fa-home" title="预览首页"></i></a></li>
<li class="nav-item d-none d-lg-block">
<form action="action_search.php" method="post" target="main"> <form action="action_search.php" method="post" target="main">
<input type="text" name="keyword" placeholder="功能搜索" class="admin-input-sm"> <input type="text" name="keyword" placeholder="功能搜索" class="admin-input-sm">
<button type="submit" class="search"><i class="fa fa-search"></i></button> <button type="submit" class="search"><i class="fa fa-search"></i></button>
</form> </form>
</li> </li>
</ul> </ul>
<div class="user d-none d-lg-block">
<a href="sys_admin_user_edit.php?id=<?php echo $cuserLogin->getUserID();?>&dopost=edit" target="main"><img src="<?php echo $cuserLogin->getUserFace();?>"><?php echo $cuserLogin->getUserName();?></a>
<a href="exit.php" class="ml-3"><i class="fa fa-power-off" title="退出后台"></i></a>
</div>
</nav> </nav>
<div class="user">
<ul>
<li><a href="/" target="_blank"><i class="fa fa-home" title="预览首页"></i></a></li>
<?php echo ($cfg_mb_open == 'Y') ? '<li><a href="/user/" target="_blank"><i class="fa fa-user-circle" title="会员中心"></i></a></li>' : '';?>
<li class="d-none d-lg-block"><a href="javascript:document.getElementById('main').contentWindow.location.reload(true);"><i class="fa fa-refresh" title="刷新页面"></i></a></li>
<li class="d-none d-lg-block">
<a href="sys_admin_user_edit.php?id=<?php echo $cuserLogin->getUserID();?>&dopost=edit" target="main"><img src="<?php echo $cuserLogin->getUserFace();?>"><?php echo $cuserLogin->getUserName();?></a>
<?php if ($cuserLogin->getUserType() == 10) {echo '<span class="btn btn-success btn-xs">管理员</span>';} else if ($cuserLogin->getUserType() == 5) {echo '<span class="btn btn-success btn-xs">栏目员</span>';} else {echo '<span class="btn btn-success btn-xs">文档员</span>';}?>
</li>
<li><a href="exit.php"><i class="fa fa-power-off" title="退出后台"></i></a></li>
</ul>
</div>
</header> </header>
<aside class="menu-left"> <aside class="menu-left">
<ul id="sidemenu" class="sidemenu"> <ul id="sidemenu" class="sidemenu">
@@ -65,8 +59,8 @@
?> ?>
</ul> </ul>
</aside> </aside>
<section class="body-right"> <main class="body-right">
<iframe src="index_body.php" name="main" id="main" frameborder="0"></iframe> <iframe src="index_body.php" name="main" id="main" frameborder="0"></iframe>
</section> </main>
</body> </body>
</html> </html>

+ 31
- 25
src/static/web/css/admin.css View File

@@ -201,17 +201,18 @@ input:focus,select:focus,textarea:focus {
height:50px height:50px
} }
.admin-head { .admin-head {
padding:0;
width:100%; width:100%;
height:60px; height:60px;
line-height:60px; line-height:60px;
background:linear-gradient(180deg,var(--green),var(--success-800)) background:linear-gradient(180deg,var(--green),var(--success-800))
} }
.admin-head .logo { .admin-head .logo {
float:left; padding-left:20px;
padding-left:1.5rem;
width:220px width:220px
} }
.admin-head .logo .name { .admin-head .logo .name {
line-height:18px;
font-size:18px; font-size:18px;
font-weight:700; font-weight:700;
color:var(--white); color:var(--white);
@@ -222,39 +223,28 @@ input:focus,select:focus,textarea:focus {
color:var(--white); color:var(--white);
vertical-align:top vertical-align:top
} }
.admin-head .item li { .admin-head .nav-item {
float:left; position:relative
position:relative;
padding:0 1rem
}
.admin-head .item li a,.admin-head .user li a {
color:var(--white)
}
.admin-head .item li a:hover,.admin-head .user li a:hover {
color:var(--gray-300)
} }
.admin-head .item .search { .admin-head .nav-item .search {
position:absolute; position:absolute;
top:20px; top:20px;
right:20px; right:0;
height:20px;
line-height:20px; line-height:20px;
color:var(--gray); color:var(--gray);
background:0; background:0;
border:0 border:0
} }
.admin-head .user { .admin-head .nav-link {
float:right; padding:0 1rem!important
padding-right:1.5rem
} }
.admin-head .user li { .admin-head .nav-link,.admin-head .user a {
float:left; color:var(--white)!important
padding:0 1rem
} }
.admin-head .user li:last-child { .admin-head .nav-link:hover,.admin-head .user a:hover {
padding-right:0 color:var(--gray-300)!important
} }
.admin-head .user li img { .admin-head .user img {
margin-right:0.5rem; margin-right:0.5rem;
width:25px; width:25px;
height:25px; height:25px;
@@ -802,11 +792,27 @@ input,select,textarea,.upload-bg,.colordlg,.pubdlg,.quickselitem .topcat,.mysour
} }
@media (max-width:768px) { @media (max-width:768px) {
td { td {
white-space:nowrap white-space:nowrap;
word-break:break-all
} }
.install-box,.tips-box,.w-65,.w-35,.admin-textarea-sm,.admin-input-lg,.admin-input-md,.admin-input-sm { .install-box,.tips-box,.w-65,.w-35,.admin-textarea-sm,.admin-input-lg,.admin-input-md,.admin-input-sm {
width:100% width:100%
} }
.admin-head .navbar-nav {
margin-left:auto
}
body.menu-hide .menu-left {
display:block
}
body.menu-hide .body-right {
left:220px
}
body.menu-show .menu-left {
display:none
}
body.menu-show .body-right {
left:0
}
.tips { .tips {
padding:0 1rem padding:0 1rem
} }


Write Preview
Loading…
Cancel
Save