del:多余代码

css/common.css

@@ -1,7 +1,3 @@
-/*********************************************
- *      (*^__^*) 子页面公共样式 (*^__^*)        *
- *              但行好事，莫问前程               *
- *********************************************/
 @import "../lib/fonts/iconfont.css";
 
 [v-cloak]{display:none!important}

css/okadmin.css

@@ -1,7 +1,7 @@
 @import "../lib/layui/css/layui.css";
 @import "../lib/fonts/iconfont.css";
 
-/**边距**/
+/*边距*/
 .ptb20{
     padding-top: 20px;
     padding-bottom: 20px;
@@ -12,7 +12,6 @@
 }
 
 #navBar .layui-nav-child {
-    /*transition: height .5s;*/
     overflow: hidden;
     padding: 0 !important;
 }
@@ -27,7 +26,7 @@
     font-size: 16px;
 }
 
-/**不显示滚动条样式*/
+/*不显示滚动条样式*/
 .not-scroll::-webkit-scrollbar {
     height: 0;
     width: 0;
@@ -39,13 +38,13 @@
     display: none;
 }
 
-/**去掉after**/
+/*去掉after*/
 .no-line.layui-this:after {
     background: transparent !important;
     color: transparent !important;
 }
 
-/**通用**/
+/*通用*/
 .ok-none-select {
     -moz-user-select: none; /*火狐*/
     -webkit-user-select: none; /*webkit浏览器*/
@@ -94,7 +93,7 @@
     font-weight: bolder;
 }
 
-/** 框架布局样式 **/
+/*框架布局样式*/
 .okadmin-header .layui-nav-bar,
 .okadmin-header .layui-nav-tree .layui-nav-itemed:after {
     background: #20222A !important;
@@ -117,13 +116,13 @@
     color: #000;
 }
 
-/**在tab导航中去掉首页标签的删除按钮 */
+/*在tab导航中去掉首页标签的删除按钮*/
 .ok-tab-title li strong[is-close="false"] ~ i.layui-tab-close,
 .ok-tab-title li[tab="index"] i.layui-tab-close {
     display: none !important;
 }
 
-/**头部**/
+/*头部*/
 .okadmin .okadmin-header {
     background: #FFFFFF;
     height: 49px;
@@ -160,7 +159,7 @@
     color: #000 !important;
 }
 
-/**菜单显隐按钮**/
+/*菜单显隐按钮*/
 .ok-show-menu {
     font-size: 18px;
 }
@@ -376,7 +375,7 @@
     margin: 0 !important;
 }
 
-/**顶部tab标签样式**/
+/*顶部tab标签样式*/
 .ok-tab {
     background: #F5F7F9;
 }
@@ -618,147 +617,12 @@
     left: 0;
 }
 
-/**********登录页的样式**********/
-.page-fill {
-    width: 100%;
-    height: 100%;
-    display: block;
-    box-sizing: border-box;
-}
-
-#login .layui-icon {
-    font-size: 16px !important;
-}
-
-#login .mag0 {
-    margin: 0 !important;
-}
-
-#login ::selection {
-    background: #ff5722;
-    color: #fff;
-}
-
-#login .layui-red {
-    color: #f00 !important;
-    font-weight: bold;
-}
-
-#login .layui-blue {
-    color: #01AAED !important;
-}
-
-#login .layui-form-item.layui-input-focus input {
-    border-color: #ff6700 !important;
-}
-
-#login .layui-block {
-    width: 100% !important;
-}
-
-#login {
-    width: 100%;
-    height: 100%;
-    background-image: url('../images/login-bg.jpg');
-    position: relative;
-}
-
-#login form.layui-form {
-    padding: 0 20px 20px 20px;
-    width: 300px;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    margin: -150px 0 0 -150px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -o-box-sizing: border-box;
-    box-sizing: border-box;
-    background: #fff;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    box-shadow: 0 0 50px #009688;
-}
-
-#login .login_face {
-    margin: -55px auto 20px;
-    width: 100px;
-    height: 100px;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
-    border: 5px solid #fff;
-    overflow: hidden;
-    box-shadow: 0 0 30px #009688;
-    background: #FFF;
-}
-
-#login .login_face img {
-    width: 100%;
-}
-
-#login .layui-form-item {
-    position: relative;
-}
-
-#login .layui-form-item label {
-    position: absolute;
-    color: #757575;
-    left: 10px;
-    top: 9px;
-    line-height: 20px;
-    background: transparent;
-    padding: 0 5px;
-    font-size: 14px;
-    cursor: text;
-}
-
-#login #code {
-    padding-right: 110px;
-}
-
-#login .captcha-box .img {
-    position: absolute;
-    top: 1px;
-    bottom: 1px;
-    right: 1px;
-    cursor: pointer;
-    width: 100px;
-    background: #C4E1CE;
-}
-
-#login .layui-form-item input {
-    background: #FFF !important;
-}
-
-#login .layui-form-item input,
-#login .layui-form-item label {
-    transition: all 0.3s ease-in-out;
-    -webkit-transition: all 0.3s ease-in-out;
-}
-
-#login .layui-form-item input::placeholder {
-    color: transparent !important;
-}
-
-#login .layui-form-item.layui-input-focus input::placeholder {
-    color: #757575 !important;
-}
-
-#login .layui-form-item.layui-input-focus label,
-#login .layui-form-item.layui-input-active label {
-    top: -10px;
-    font-size: 12px;
-    color: #ff6700;
-    background: #fff !important;
-}
 
 /*
 * 以下都是移动端的处理响应
 */
 
-/* 这里只是给元素加一些额外的效果也可以,去掉媒体查询效果一样*/
+/*这里只是给元素加一些额外的效果也可以,去掉媒体查询效果一样*/
 @media screen {
     .layui-layout-admin .ok-left,
     .ok-left .okadmin-logo,
@@ -769,7 +633,7 @@
     }
 }
 
-/**移动端遮罩层**/
+/*移动端遮罩层*/
 .ok-make {
     position: fixed;
     left: 0;

css/oksub.css

@@ -1,4 +1,4 @@
-@import "../css/common.css"; /**页面的公共样式**/
+@import "../css/common.css";
 @import "../lib/layui/css/layui.css";
 
 /**控制台样式*/

pages/help/okUtils.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>okUtils</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
+    <link rel="stylesheet" href="../../css/oksub.css">
     <style>
         .ok-body {
             padding: 20px;