加入本地头像

v1.0
Mr.X 2018-06-05 21:45:31 +08:00
parent 3ff1982760
commit 2be26cd04d
4 changed files with 18 additions and 14 deletions

View File

@ -2,26 +2,28 @@
@import "../lib/layui/css/layui.css"; @import "../lib/layui/css/layui.css";
@import "//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css"; @import "//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css";
/*顶部导航菜单开始*/ /*顶部导航菜单logo样式*/
.layui-layout-admin .layui-logo { .layui-layout-admin .layui-logo {
color: #fff; color: #fff;
font-size: 20px; font-size: 20px;
} }
/*顶部导航文字菜单样式*/
.layui-nav { .layui-nav {
padding: 0; padding: 0;
} }
/*顶部菜单左边部分菜单样式*/
.layui-layout-left { .layui-layout-left {
left: 235px; left: 235px;
} }
/*第一个tan选项卡隐藏取消图标*/
.layui-tab-title li:first-child .layui-tab-close { .layui-tab-title li:first-child .layui-tab-close {
display: none; display: none;
} }
/*顶部导航菜单结束*/ /*隐藏/显示左边菜单按钮样式*/
.menu-switch { .menu-switch {
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -35,7 +37,7 @@
cursor: pointer; cursor: pointer;
} }
/*主体内容*/ /*主体内容样式*/
.content-body { .content-body {
position: absolute; position: absolute;
top: 46px; top: 46px;
@ -46,6 +48,7 @@
overflow: hidden; overflow: hidden;
} }
/*主体内容选项卡内容样式*/
.content-body .layui-tab-content { .content-body .layui-tab-content {
position: absolute; position: absolute;
top: 50px; top: 50px;
@ -60,16 +63,18 @@
height: 100%; height: 100%;
} }
/*使iframe高度100*/
.content-body .layui-tab-content .layui-tab-item iframe { .content-body .layui-tab-content .layui-tab-item iframe {
height: 100%; height: 100%;
} }
/*定义一些常量值*/ /*子页面(user.html、article.html等)的主体内容*/
.ok-body { .ok-body {
padding: 10px; padding: 10px;
} }
/*子页面面包屑导航样式*/
.ok-body-breadcrumb { .ok-body-breadcrumb {
position: relative; position: relative;
line-height: 39px; line-height: 39px;
@ -77,14 +82,16 @@
border-bottom: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229);
} }
/*子页面面包屑导航刷新按钮*/
.ok-body-breadcrumb .layui-btn { .ok-body-breadcrumb .layui-btn {
line-height: 2.4em; line-height: 2.4em;
margin-top: 3px; margin-top: 3px;
float: right float: right
} }
/*子页面面包屑导航刷新按钮图标*/
.ok-body-breadcrumb .layui-btn .layui-icon { .ok-body-breadcrumb .layui-btn .layui-icon {
line-height: 40px line-height: 40px;
} }
/* /*
@ -96,7 +103,7 @@
width: 190px; width: 190px;
}*/ }*/
/*美化滚动条代码开始*/ /*美化滚动条代码*/
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px;
height: 10px; height: 10px;
@ -131,9 +138,7 @@
background-color: #FF6E00; background-color: #FF6E00;
} }
/*美化滚动条代码结束*/ /*响应式代码控制*/
/*响应式代码控制开始*/
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.layui-layout-admin .layui-bg-black { .layui-layout-admin .layui-bg-black {
left: -200px; left: -200px;
@ -151,5 +156,3 @@
display: none; display: none;
} }
} }
/*响应式代码控制结束*/

BIN
images/head.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -33,7 +33,7 @@
<ul class="layui-nav layui-layout-right"> <ul class="layui-nav layui-layout-right">
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="javascript:;"> <a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img"> <img src="images/head.jpg" class="layui-nav-img">
bobi bobi
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">

View File

@ -16,7 +16,8 @@
</blockquote> </blockquote>
<fieldset class="layui-elem-field"> <fieldset class="layui-elem-field">
<legend>数据统计</legend> <legend>数据统计</legend>
<h1>666</h1><br> <!--todo 删格系统-->
<h1>这里是数据统计</h1>
</fieldset> </fieldset>
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">