修改BUG：电脑版缩小屏幕效果不理想，调整为电脑版与移动版不同样式

2016-11-19 18:54:12 +08:00 · 2016-11-19 18:54:12 +08:00 · 467f9f9ab1
parent 73b8e43428
commit 467f9f9ab1
4 changed files with 36 additions and 1 deletions
--- a/Bootstrap.Admin/Content/css/admin.css
+++ b/Bootstrap.Admin/Content/css/admin.css
@ -153,6 +153,13 @@
        position: relative;
    }

+.desktop #sidebar {
+    top: 94px;
+    bottom: 40px;
+    position: absolute;
+    overflow-y: auto;
+}
+
 ul.sidebar-menu {
    padding: 20px 0 15px 0;
    margin-bottom: 0;
--- a/Bootstrap.Admin/Content/css/site.css
+++ b/Bootstrap.Admin/Content/css/site.css
@ -83,6 +83,32 @@ a, a:hover, a:focus {
    padding: 10px 4px;
    height: 40px;
 }
+
+.desktop .header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 50;
+}
+
+.desktop .site-footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 50;
+}
+
+.desktop #main-content {
+    margin-top: 0;
+    position: fixed;
+    left: 0;
+    bottom: 40px;
+    right: 0;
+    top: 94px;
+    overflow: auto;
+}
 /*end title*/

 .go-top {
--- a/Bootstrap.Admin/Content/js/Longbow.Common.js
+++ b/Bootstrap.Admin/Content/js/Longbow.Common.js
@ -208,4 +208,6 @@ $(function () {
            return this.optional(element) || /^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/.test(value);
        }, "请填写正确的IP地址");
    }
+
+    if ($.browser.versions.mobile) { $('body').removeClass('desktop'); }
 });
--- a/Bootstrap.Admin/Views/Shared/_Layout.cshtml
+++ b/Bootstrap.Admin/Views/Shared/_Layout.cshtml
@ -10,7 +10,7 @@
    <link href="~/Content/css/bootstrap-theme.css" rel="stylesheet">
    @RenderSection("css", false)
 </head>
-<body>
+<body class="desktop">
    @RenderBody()
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="~/content/js/jquery-1.10.2.js"></script>