From 94203a2dc2ae08fc42c9835bd685b9159a110e8d Mon Sep 17 00:00:00 2001 From: Jason <1432334894@qq.com> Date: Mon, 1 Aug 2022 12:36:16 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E8=B0=83?= =?UTF-8?q?=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/css/admin_style.css | 25 ++++--- view/templates/tpl/home.html | 164 ++++++++++++++++++++++++++++++++++--------- 2 files changed, 145 insertions(+), 44 deletions(-) diff --git a/view/css/admin_style.css b/view/css/admin_style.css index d694db3..920f007 100644 --- a/view/css/admin_style.css +++ b/view/css/admin_style.css @@ -1,5 +1,5 @@ @media screen and (max-width: 950px){ - .admin-container-outer .admin-layui-header{ + /* .admin-container-outer .admin-layui-header{ height: 48px !important; background-color: #1890FF !important; } @@ -43,23 +43,25 @@ border-radius:unset !important; margin-right: 0px !important; } - @media screen and (max-width: 768px) { - .layui-layout-admin .layui-layout-left, - .layui-layout-admin .layui-body, - .layui-layout-admin .layui-footer{left: 0;} - .layui-layout-admin .layui-side{left: -300px;} - } + .layui-nav-itemed>.admin-layui-nav-child{ background-color: #ffffff !important; } .layui-nav-item>.admin-layui-nav-item-title-a{ color: #000000 !important; - } + } */ } +@media screen and (max-width: 768px) { + .layui-layout-admin .layui-layout-left, + .layui-layout-admin .layui-body, + .layui-layout-admin .layui-footer{left: 0;} + .layui-layout-admin .layui-side{left: -300px;} +} body{ background: #F0F2F5; + font: 14px PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei !important; } .admin-container-outer .admin-layui-header{ background-color: #1890FF !important; @@ -139,7 +141,7 @@ body{ color:red !important; } a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, i, input, li, nav, p, section, select, span, textarea, ul { - padding: 0; + /* padding: 0; margin: 0; list-style: none; font-style: normal; @@ -149,7 +151,7 @@ a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; - -webkit-font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; */ } .admin-layui-nav-item-a-child{ font-family: PingFangSC-Medium; @@ -158,4 +160,7 @@ a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, .admin-layui-nav-item-title-a > span{ font-family: PingFangSC-Medium; color: rgba(0, 0, 0, 1) !important; +} +*{ + -webkit-tap-highlight-color:unset !important; } \ No newline at end of file diff --git a/view/templates/tpl/home.html b/view/templates/tpl/home.html index 54a07aa..5b21730 100644 --- a/view/templates/tpl/home.html +++ b/view/templates/tpl/home.html @@ -32,6 +32,7 @@ background: #FFFFFF; box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000); border-radius: 3px; + padding-bottom: 22px; } .bottom-layui-row{ margin-top: 20px; @@ -146,7 +147,6 @@ height: 28px; font-size: 28px; font-family: DINAlternate-Bold; - font-weight: bold; color: #000000; margin-top: 39px; } @@ -173,17 +173,19 @@ margin-top: 21px; } .admin-card-text-5{ - height: 14px; + max-height: 55px; font-size: 14px; font-family: PingFangSC-Regular; color: #F21019; margin-top: 25px; + overflow-y: auto; } .admin-index-bottom-item{ overflow: hidden; } .admin-index-bottom-item div{ padding-left: 22px; + padding-right: 6px; } .admin-index-top-item-list-item-child-dot-red2{ margin-right: 5px; @@ -198,6 +200,100 @@ position: relative; top: -2px; } + .admin-card-text-3 span,.admin-card-text-4 span{ + font-size: 11px; + margin-left: 5px; + } + .primary-msg{ + color: #69717D; + } + @media screen and (min-width:1270px) and (max-width:1440px){ + + .admin-layui-col-top-right{ + min-width: 788px; + } + .admin-layui-col-top-left{ + min-width: 259px; + } + .admin-menu-layui-side-scroll{ + width: 188px !important; + } + .admin-menu-list .layui-nav-tree{ + width: 188px !important; + } + .admin-menu-list.layui-side{ + width: 188px !important; + } + .layui-nav-tree .layui-nav-child dd.layui-this::after { + content: ""; + display: block; + position: absolute; + z-index: 8; + left: 184px !important; + background-color: rgba(24, 144, 255, 1) !important; + border-radius: 4px !important; + width: 4px !important; + height: 29px !important; + margin-top: 5.5px !important; + top: 0px; + } + .admin-menu-list .layui-nav-bar{ + top: 184px !important; + } + .admin-layui-body{ + padding: 12px 12px 12px 0px; + } + .admin-layui-col-bottom-list{ + min-width: 217px; + } + .admin-layui-col-bottom-list-last{ + padding-right: 0px !important; + min-width: 207px !important; + } + } + @media screen and (min-width:1200px) and (max-width:1260px){ + .admin-layui-col-top-right{ + max-width: 724px !important; + } + .admin-layui-col-top-left{ + min-width: 259px; + } + .admin-menu-layui-side-scroll{ + width: 188px !important; + } + .admin-menu-list .layui-nav-tree{ + width: 188px !important; + } + .admin-menu-list.layui-side{ + width: 188px !important; + } + .layui-nav-tree .layui-nav-child dd.layui-this::after { + content: ""; + display: block; + position: absolute; + z-index: 8; + left: 184px !important; + background-color: rgba(24, 144, 255, 1) !important; + border-radius: 4px !important; + width: 4px !important; + height: 29px !important; + margin-top: 5.5px !important; + top: 0px; + } + .admin-menu-list .layui-nav-bar{ + top: 184px !important; + } + .admin-layui-body{ + padding: 12px 12px 12px 0px; + } + .admin-layui-col-bottom-list{ + min-width: 217px; + } + .admin-layui-col-bottom-list-last{ + padding-right: 0px !important; + min-width: 207px !important; + } + } {/literal} @@ -208,7 +304,7 @@ {include file="include/admin_leftmenu.html"}