root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add marquee

v1.0
bobi 2019-05-14 11:16:04 +08:00
parent d625313beb
commit 2f46715dee
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/okadmin.css
View File

@ -21,21 +21,25 @@
.layui-tab-title li:first-child .layui-tab-close{display:none} .layui-tab-title li:first-child .layui-tab-close{display:none}
.menu-switch{width:30px;height:30px;position:relative;left:200px;top:16px;color:#fff;background-color:#1AA094;text-align:center;line-height:30px;cursor:pointer} .menu-switch{width:30px;height:30px;position:relative;left:200px;top:16px;color:#fff;background-color:#1AA094;text-align:center;line-height:30px;cursor:pointer}
.weather{margin: 15px 0 0 20px;} .weather{margin: 15px 0 0 20px;}
.textMarquee{float:left;width:450px;margin-top: 20px;}
.layui-nav-tree .layui-nav-child a{padding-left:36px} .layui-nav-tree .layui-nav-child a{padding-left:36px}
.layui-tab-title li{background-color:#f2f2f2} .layui-tab-title li{background-color:#f2f2f2}
.content-body{position:absolute;top:46px;right:0;bottom:42px;left:200px;z-index:1;overflow:hidden} .content-body{position:absolute;top:46px;right:0;bottom:42px;left:200px;z-index:1;overflow:hidden}
.content-body .layui-tab-content{position:absolute;top:50px;bottom:0;width:100%;padding:0;z-index:-999;overflow:hidden} .content-body .layui-tab-content{position:absolute;top:50px;bottom:0;width:100%;padding:0;z-index:-999;overflow:hidden}
.content-body .layui-tab-content .layui-tab-item{height:100%} .content-body .layui-tab-content .layui-tab-item{height:100%}
.content-body .layui-tab-content .layui-tab-item iframe{height:100%} .content-body .layui-tab-content .layui-tab-item iframe{height:100%}
@media screen and (max-width:768px){.layui-layout-admin .layui-bg-black{left:-200px} @media screen and (max-width:768px){
.layui-layout-admin .layui-bg-black{left:-200px}
.layui-layout-admin .content-body{left:0} .layui-layout-admin .content-body{left:0}
.layui-layout-admin .layui-footer{left:0} .layui-layout-admin .layui-footer{left:0}
.layui-layout-left{display:none} .layui-layout-left{display:none}
} }
@media screen and (max-width:480px){.layui-layout-admin .layui-logo{left:-32px} @media screen and (max-width:480px){
.layui-layout-admin .layui-logo{left:-32px}
.menu-switch{left:140px} .menu-switch{left:140px}
} }
@media screen and (max-width:330px){.layui-layout-admin .layui-logo{left:-51px;font-size:14px} @media screen and (max-width:330px){
.layui-layout-admin .layui-logo{left:-51px;font-size:14px}
.menu-switch{left:100px} .menu-switch{left:100px}
} }
.yy{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:10;background-color:#000;display:none} .yy{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:10;background-color:#000;display:none}
@ -56,7 +60,8 @@
.ok-search .layui-input{width:190px;padding-left:10px;margin-left:10px;float:left} .ok-search .layui-input{width:190px;padding-left:10px;margin-left:10px;float:left}
.ok-search .layui-input:first-child{margin-left:0} .ok-search .layui-input:first-child{margin-left:0}
.ok-search .layui-btn{margin-left:10px} .ok-search .layui-btn{margin-left:10px}
@media screen and (max-width:768px){.ok-search .layui-input{width:100%;margin-left:0;margin-top:10px} @media screen and (max-width:768px){
.ok-search .layui-input{width:100%;margin-left:0;margin-top:10px}
.ok-search .layui-btn{margin-left:0;margin-top:10px} .ok-search .layui-btn{margin-left:0;margin-top:10px}
} }
okToolbar{display:block;margin-top:10px;margin-bottom:10px;padding:5px;line-height:22px;border-radius:0 2px 2px 0;background-color:#f2f2f2} okToolbar{display:block;margin-top:10px;margin-bottom:10px;padding:5px;line-height:22px;border-radius:0 2px 2px 0;background-color:#f2f2f2}

3
index.html
View File

@ -24,6 +24,9 @@
</li> </li>
</ul> </ul>
<ul class="layui-nav layui-layout-right"> <ul class="layui-nav layui-layout-right">
<li class="textMarquee">
<marquee>通知：今天，明天，后天，开始大幅降温了，请不要傻不愣登的，只要风度不要温度。再把自己弄感冒喽！</marquee>
</li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="javascript:;"> <a href="javascript:;">
<img src="imgs/head.png" class="layui-nav-img"> <img src="imgs/head.png" class="layui-nav-img">