lsm/OpenAuth.Net
1
0
Fork 0
mirror of https://gitee.com/dotnetchina/OpenAuth.Net.git synced 2025-09-19 01:58:01 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 优化layui样式

Browse Source
This commit is contained in:
wintel
2025-04-12 19:43:16 +08:00
parent 24d2288aa4
commit 8917326bba
2 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
OpenAuth.Mvc/Views/Shared/_Layout.cshtml
View File

@@ -13,6 +13,7 @@
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all" />
<link rel="stylesheet" href="/css/main.css" media="all" />
@RenderSection("header", false)
</head>
<body class="childrenBody">

35
OpenAuth.Mvc/wwwroot/css/main.css
View File

@@ -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; }