From 8917326bbac6a62295e8f1a8f557be3f3a45dd0f Mon Sep 17 00:00:00 2001 From: wintel Date: Sat, 12 Apr 2025 19:43:16 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96layui=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- OpenAuth.Mvc/Views/Shared/_Layout.cshtml | 1 + OpenAuth.Mvc/wwwroot/css/main.css | 35 +++++++++++++++++------- 2 files changed, 26 insertions(+), 10 deletions(-) diff --git a/OpenAuth.Mvc/Views/Shared/_Layout.cshtml b/OpenAuth.Mvc/Views/Shared/_Layout.cshtml index 16c912ef..a75cbe11 100644 --- a/OpenAuth.Mvc/Views/Shared/_Layout.cshtml +++ b/OpenAuth.Mvc/Views/Shared/_Layout.cshtml @@ -13,6 +13,7 @@ + @RenderSection("header", false) diff --git a/OpenAuth.Mvc/wwwroot/css/main.css b/OpenAuth.Mvc/wwwroot/css/main.css index e76134b4..4125f7b1 100644 --- a/OpenAuth.Mvc/wwwroot/css/main.css +++ b/OpenAuth.Mvc/wwwroot/css/main.css @@ -24,6 +24,10 @@ line-height: 50px; } +.layui-elem-quote{ + border-left: 5px solid #f8f8f8 !important; /*blockquote的左侧边框*/ +} + /*样式改变的过渡*/ .showMenu .layui-body,.showMenu .layui-footer,.showMenu.layui-layout-admin .layui-side,.logo,.top_menu .layui-nav-item[pc],.component,.top_menu .layui-nav-item[mobile],.layui-nav,.layui-layout-admin .layui-main,.site-mobile .layui-side,.layui-layout-admin .layui-side,.site-mobile .site-tree-mobile,.layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-side,.panel,.panel .panel_icon i{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; } @@ -80,7 +84,10 @@ .closeBox .layui-nav-bar{ display:none; } .closeBox .icon-caozuo{ font-size: 20px; position:absolute; top:1px; left:-2px; } -.layui-body{overflow:hidden; border-top:5px solid #1AA094;border-left:2px solid #1AA094;} +.layui-body{ + overflow:hidden; + border: none; +} .layui-tab-content{ height:100%; padding:0; } .layui-tab-item{ position: absolute; top: 41px; bottom:27px; left: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling:touch; overflow:auto;} .layui-tab-title .layui-this{ background-color:#18A093;} @@ -92,18 +99,26 @@ .clildFrame.layui-tab-content iframe{ width: 100%; height:100%; border:none; min-width: 320px; position:absolute; } /*main.html*/ .row,.col,.panel_word,.panel_icon{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;} -.row{ margin-left:-10px; overflow:hidden;display: flex; flex-wrap: wrap;} +.row{ + margin-left:-10px; + overflow:hidden; + display: flex; + flex-wrap: wrap; + margin-top: 20px; + padding: 0 15px; +} .col{ padding-left:10px;} -.panel{float: left; text-align: center; width:16.666%; min-width:210px; margin-bottom: 10px;} -.panel_box a{display:block; background-color:#f2f2f2; border-radius:5px; overflow:hidden; } -.panel_icon{ width:40%; display: inline-block; padding:22px 0; background-color:#54ade8;float:left;} -.panel_icon i{ font-size:3em; color:#fff;} -.panel a:hover .panel_icon i{ display:inline-block; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);} -.panel_word{ width:60%; display: inline-block; float:right; margin-top: 22px; } -.panel_word span{ font-size:25px; display:block; height:30px; line-height:30px; } +.panel{float: left; text-align: center; width:16.666%; min-width:180px; margin-bottom: 10px;} +.panel_box a{display:block; background-color:#f2f2f2; border-radius:5px; overflow:hidden; transition: all 0.3s ease;} +.panel_box a:hover{transform: translateY(-2px); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);} +.panel_icon{ width:40%; display: inline-block; padding:15px 0; background-color:#54ade8;float:left;} +.panel_icon i{ font-size:2.2em; color:#fff; transition: all 0.3s ease;} +.panel a:hover .panel_icon i{ transform: scale(1.1);} +.panel_word{ width:60%; display: inline-block; float:right; margin-top: 15px; } +.panel_word span{ font-size:20px; display:block; height:25px; line-height:25px; } +.panel_box a cite{ font-size:14px; display: block; font-style:normal; color:#666; } .allNews em{ font-style:normal; font-size:16px;display: block; } .panel_box a .allNews cite{ display:none; } -.panel_box a cite{ font-size:16px; display: block; font-style:normal; } .sysNotice{ width:50%; float: left; } .sysNotice .layui-elem-quote{ line-height:26px; position: relative;} .sysNotice .layui-table{ margin-top:0; border-left:5px solid #e2e2e2; }