后台管理模版

/*顶部导航*/

.cms-admin .cms-header{height:62px;background:#23262E;border-bottom:3px solid #1AA094;z-index:1001}

.cms-admin .cms-header .cms-logo{height:62px;line-height:62px;text-align:center;color:#fff;font-size:26px;font-weight:600}

.cms-admin .cms-header .cms-logo img{display:block;width:160px;height:40px;margin:10px auto 0 auto}

.cms-admin .cms-header .cms-top{width:calc(100% - 205px);width:-moz-calc(100% - 205px);width:-webkit-calc(100% - 205px);height:62px;top:0;left:197px;margin:0;padding:0}

.cms-top .menu-switch{width:28px;height:32px;top:15px;left:10px;cursor:pointer;background:#1BB394;text-align:center;border-radius:2px}

.cms-top .menu-mobile{display:none;width:28px;height:32px;top:15px;left:6px;cursor:pointer;background:#1BB394;text-align:center;border-radius:2px}

.cms-top .menu-switch:hover{background:#5FB878;}

.cms-top .menu-mobile:hover{background:#5FB878;}

.cms-top .menu-switch i{display:block;width:28px;height:32px;line-height:32px;top:0;left:0;color:#fff;text-align:center}

.cms-top .menu-mobile i{display:block;width:28px;height:32px;line-height:32px;top:0;left:0;color:#fff;text-align:center}

.cms-top .cms-top-menu{height:62px;top:0;left:47px;padding-right:15px}

.cms-top ul.layui-nav{padding:0;background:#23262E}

.cms-top ul.layui-nav li.layui-nav-item{cursor:pointer}

/*hover start*/

.cms-top ul.layui-nav li.layui-nav-item:hover{background:#393D49}

.cms-top ul.layui-nav li.layui-this{background:#000;}

.cms-top ul.layui-nav li.layui-this:hover{background:#000;}

/*hover end*/

.cms-top ul.layui-nav li.layui-nav-item:last-child{margin-right:0}

.cms-top ul.layui-nav li.layui-nav-item a{display:inline-block;vertical-align:middle;height:62px;padding-left:10px!important;padding-right:10px!important;line-height:62px!important;color:#f5f5f5}

.cms-top ul.layui-nav li.layui-nav-item a i{display:inline-block;vertical-align:middle;margin-right:0;padding-right:4px!important}

.cms-top ul.layui-nav li.layui-nav-item a cite{display:inline-block;vertical-align:middle}

.cms-top ul.layui-nav li.layui-this:after{top:62px !important;height:3px !important;}

.cms-top ul.layui-nav span.layui-nav-bar{top:62px !important;height:2px;}

.cms-top ul.layui-nav:hover span.layui-nav-bar{top:62px !important}

.cms-top .cms-top-menu ul.layui-nav li.layui-nav-item a{padding-left:15px!important;padding-right:15px !important}

.cms-top .cms-top-menu ul.layui-nav li.layui-nav-item a i{font-size:20px;padding-right:2px !important}

/*右侧常用菜单*/

.cms-top .cms-offten-menu{height:62px;top:0;right:0;padding-right:0}

.cms-top .cms-offten-menu ul.layui-nav li.exit a{line-height:61.5px;padding-right:15px!important;padding-left:13px!important}

/*左侧导航*/

.cms-admin .cms-left{top:65px;left:0px;background:#393D49;border-right:3px solid #18BAAC;z-index:1001;}

.cms-admin .cms-left .layui-side-scroll{padding-left:0px;}

.layui-side-scroll .user-info{width:200px;height:auto;padding:15px 0px 8px 0px;}

.layui-side-scroll .user-info .photo{display:block;width:76px;height:76px;margin-left:50px;padding:0px;}

.layui-side-scroll .user-info .photo img{display:block;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;border:4px solid #44576B;}

.layui-side-scroll .user-info p{display:block;width:100%;height:25px;color:#ffffff;line-height:25px;text-align:center;margin-top:15px;}

.layui-side-scroll a{cursor: pointer;}

.layui-side-scroll ul.layui-nav li.layui-nav-item dl.layui-nav-child dd a{display:inline-block;vertical-align:top;padding-left:40px !important;padding-right:0px;}

.layui-side-scroll ul.layui-nav li a i{display:inline-block;vertical-align:top;padding-right:5px;}

/*底部footer*/

.cms-admin .cms-footer{left:203px;background:#2F4056;font-size:12px;text-align:center;z-index:1001;}

.cms-admin .cms-footer .inline-block{text-align:center;color:#fff;line-height:44px;margin-right:15px;box-shadow:none}

.cms-admin .cms-footer .fp{color:#fff}

.cms-admin .cms-footer .fp:hover{color:#01AAED}

.cms-admin .cms-footer button{display:inline-block}

/*右侧body*/

.cms-admin .cms-body{top:65px;left:203px;z-index:1001}

.cms-body .cms-tab{margin:0px;width:100%;height:100%;border-left:1px solid #e2e2e2;background:#F1F2F7;overflow:hidden}

.cms-tab .cms-title-box{width:100%;height:40px;border-bottom:1px solid #1AA094}

.cms-tab .key-press{width:40px;height:40px;background:#FFF;cursor:pointer;color:#009688;text-align:center}

.cms-tab .key-press i{font-weight:700;color:#009688;font-size:20px;line-height:40px}

.cms-tab .key-press:hover{background:#f2f2f2}

.cms-tab .go-left{position:absolute;width:40px;top:0;left:0;z-index:1005;border-right:1px solid #E2E2E2 !important}

.cms-tab .go-left .key-press{position:absolute;top:0;left:0;z-index:1006;}

.cms-tab ul.cms-tab-title{border:none;padding:0;margin:0;height:40px;position:absolute;top:0;left:40px;background:#fafafa;z-index:1000;border-bottom:1px solid #1AA094;overflow-y:hidden;overflow:hidden}

.cms-tab ul.cms-tab-title li{background:#fafafa}

#admin-home{padding:0 12px}

.cms-tab ul.cms-tab-title li i.cms-icon{display:inline-block;vertical-align:top;padding-right:3px;line-height:40px}

.cms-tab ul.cms-tab-title li em{display:inline-block;vertical-align:top;line-height:40px}

.cms-tab ul.cms-tab-title li:hover{background:#f2f2f2}

.cms-tab ul.cms-tab-title .layui-this{background:#009688;color:#fff;height:40px}

.cms-tab ul.cms-tab-title .layui-this:after{border-radius:0;border-top:none}

.cms-tab ul.cms-tab-title .layui-this:hover{background:#009688}

.cms-tab .title-right{width:230px;height:40px;position:absolute;top:0;right:0;z-index:1005;background:#FFF;border-left:1px solid #E5E5E5}

.cms-tab .title-right .go-right{position:absolute;top:0;left:0}

.cms-tab .title-right .refresh{width:68px;position:absolute;top:0;left:41px;background:#5EB95E}

.cms-tab .title-right .refresh i{font-weight:400;font-size:15px;color:#fff}

.cms-tab .title-right .refresh cite{font-size:15px;line-height:40px;padding-left:3px;color:#fff}

.cms-tab .title-right .refresh:hover{background:#F7B824}

.cms-tab .title-right .often{width:125px;position:absolute;top:0;left:109px;background:#F1F2F7;cursor:pointer}

.cms-tab .title-right .often:hover{background:#f2f2f2;color:#333}

.cms-tab .title-right .often ul.layui-nav{display:block;width:120px;height:100%;border:none;margin:0;padding:0;background:none}

.cms-tab .title-right .often ul.layui-nav li.layui-nav-item{top:0px;left:0px;width:120px;height:100%;}

.cms-tab .title-right .often ul.layui-nav li.layui-nav-item a.top{display:inline-block;width:100%;height:100%;padding:0;margin:0;position:absolute;top:0;left:0;line-height:40px;text-align:center}

.often ul.layui-nav li.layui-nav-item a.top i{display:inline-block;width:30px;height:40px;line-height:40px;position:absolute;top:0;left:5px;color:#555}

.often ul.layui-nav li.layui-nav-item a.top:hover i{color:#FF784E}

.often ul.layui-nav li.layui-nav-item a.top cite{display:inline-block;width:65px;height:40px;line-height:40px;position:absolute;top:0;left:35px;text-align:left;color:#333}

.often ul.layui-nav li.layui-nav-item a.top:hover cite{color:#333}

.often ul.layui-nav li.layui-nav-item a.top .layui-nav-more{display:inline-block;font-size:16px;position:absolute;top:20px;left:98px;border-color:#393D49 transparent transparent}

.often ul.layui-nav li.layui-nav-item a.top:hover .layui-nav-more{position:absolute;top:14px;left:98px;border-color:transparent transparent #393D49}

.often ul.layui-nav li.layui-nav-item a.top .layui-nav-mored{position:absolute;top:9px !important;left:98px;border-color:transparent transparent #393D49}

.often ul.layui-nav .layui-nav-bar{display:none}

.often ul.layui-nav li.layui-nav-item dl.layui-nav-child{width:146px;text-align:center;position:absolute;top:42px;left:-30px;background:#fff}

.often ul.layui-nav li.layui-nav-item dl a{display:inline-block;vertical-align:top;color:#333;padding-left:0;padding-right:0;width:100%;text-align:center;line-height:40px}

.often ul.layui-nav li.layui-nav-item dl a i{display:inline-block;vertical-align:top;padding-right:3px;color:#333}

.often ul.layui-nav li.layui-nav-item dl a:hover{background:#5EB95E;color:#fff}

.often ul.layui-nav li.layui-nav-item dl a:hover i{color:#fff}

.often ul.layui-nav li.layui-nav-item dl dd.layui-this a{color:#fff}

.often ul.layui-nav li.layui-nav-item dl dd.layui-this a i{color:#fff}

.cms-tab .layui-tab-content{margin:0;padding:0;border:none;width:100%;height:100%;overflow:hidden}

.layui-tab-content .layui-tab-item{width:100%;height:100%;background:#fff;overflow:hidden}

.layui-tab-content .layui-tab-item iframe{width:100%;min-width:480px;border:0;height:100%;border:none!important;overflow-x:hidden!important}

.cms-body .green{width:60%;margin:0 auto;margin-top:160px;height:500px;line-height:500px;text-align:center;color:#fff;background:#FF5722}

/*锁屏css*/

#time{width:100%;color:#fff;font-size:60px;margin-bottom:80px;display:inline-block;text-align:center}

.lock-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#F1F2F7 url("images/lockscreenbg.jpg") repeat fixed;background-size:cover;background-repeat:repeat;z-index:999999}

.lock-wrapper{margin:10% auto;max-width:400px}

.lock-box{background:rgba(255,255,255,.3);padding:20px;border-radius:3px;-webkit-border-radius:3px;position:relative;height:215px}

.lock-wrapper img{display:block;width:90px;height:90px;position:absolute;left:50%;top:-45px;margin-left:-45px;border-radius:50%;-webkit-border-radius:50%;border:5px solid #fff}

.lock-wrapper h1{display:block;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:18px;text-transform:uppercase;padding:50px 0 0 0;margin-bottom:23px}

.lock-wrapper .lock-form{width:100%;height:105px}

.lock-wrapper .lock-form .layui-form-item{width:100%;height:50px;padding:0;margin:0;margin-bottom:15px}

.lock-wrapper .lock-form .layui-form-item input[type=password]{width:60%;height:40px;margin:0 auto;border:solid 1px #E2E2E4;cursor:auto;font-size:14px;user-select:text;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none}

.lock-wrapper .lock-form .layui-form-item span.layui-btn{display:block;width:100px;text-align:center;margin:0 auto;line-height:40px;height:40px;color:#fff}

.lock-wrapper .lock-form .layui-form-item span.layui-btn:hover{background:#FE5722;color:#fff}

/* 后台界面主题配色解决方案 */

.Theme-cms{}

/*------------深蓝风主题A-------------*/

.Theme-A .cms-header{background:#1E9FFF}

.Theme-A .cms-top .menu-switch{background:#1BB394}

.Theme-A .cms-top .menu-switch:hover{background:#5FB878}

.Theme-A .cms-top ul.layui-nav{background:#1E9FFF}

.Theme-A .cms-top ul.layui-nav li.layui-nav-item:hover{background:#01AAED}

.Theme-A .cms-top ul.layui-nav li.layui-this{background:#008FBF}

.Theme-A .cms-top ul.layui-nav li.layui-this:hover{background:#008FBF}

.Theme-A .cms-left{border-right:3px solid #18BAAC;background:#2A2D31}

.Theme-A .cms-tab .key-press{background:#35A9FF;color:#FFF}

.Theme-A .cms-tab .key-press i{color:#FFF}

.Theme-A .cms-tab .go-left{border-right:1px solid #4BB2FF!important}

.Theme-A .cms-tab .go-left .key-press{border-right:1px solid #4BB2FF!important}

.Theme-A .cms-tab .title-right{background:#FFF;border-left:1px solid#4BB2FF}

.Theme-A .cms-tab .go-right{border-right:1px solid #aaa!important}

.Theme-A .cms-tab .go-left .key-press{border-right:1px solid #aaa!important}

.Theme-A .cms-tab .title-right .often{background:#FAFAFA}

/*------------墨绿主题B------------*/

.Theme-B .cms-header{background:#009688}

.Theme-B .cms-top .menu-switch{background:#1BB394}

.Theme-B .cms-top .menu-switch:hover{background:#5FB878}

.Theme-B .cms-top ul.layui-nav{background:#009688}

.Theme-B .cms-top ul.layui-nav li.layui-nav-item:hover{background:#1CA794}

.Theme-B .cms-top ul.layui-nav li.layui-this{background:#5FB878}

.Theme-B .cms-top ul.layui-nav li.layui-this:hover{background:#1CA794}

/*左侧导航*/

.Theme-B .cms-left{border-right:3px solid #18BAAC;background:#2A2D31}

/*------------墨绿主题C-------------*/

.Theme-C .cms-header{background:#2F4056}

.Theme-C .cms-top .menu-switch{background:#1BB394}

.Theme-C .cms-top .menu-switch:hover{background:#5FB878}

.Theme-C .cms-top ul.layui-nav{background:#2F4056}

.Theme-C .cms-top ul.layui-nav li.layui-nav-item:hover{background:#01AAED}

.Theme-C .cms-top ul.layui-nav li.layui-this{background:#008FBF}

.Theme-C .cms-top ul.layui-nav li.layui-this:hover{background:#008FBF}

/*移动设备处理*/

.cms-mobile{width:100%}

.cms-mobile .cms-header .cms-logo{left:50px;display:none}

.cms-mobile .cms-header .cms-top{left:10px;}

.cms-mobile .cms-header .cms-top #menuSwitch{display:none}

.cms-mobile .cms-header .cms-top #cmsMobile{display:block;cursor:pointer}

.cms-mobile .cms-top-menu{display:none;background:#23262E;opacity:1;position:fixed;top:0;left:60px;z-index:9999999}

.cms-mobile .cms-offten-menu{display:none}

.cms-mobile .cms-left{display:none;width:200px;position:fixed;left:0;top:65px;z-index:9999999}

.cms-mobile .cms-body{width:100% !important;left:0}

.cms-mobile .cms-footer{left:0}

.cms-mobile .layui-tab-content .layui-tab-item iframe{min-width:100% !important}

/*pc屏幕兼容*/

@media screen and (max-width: 1024px){

.cms-offten-menu{display:none;}

}

  • 全屏

  • 锁屏

  • 清除缓存

  • 设置主题

  • 退出

  • 后台首页

ဂ

刷新

  • 常用操作

    定位当前选项卡

    关闭当前选项卡

    关闭其他选项卡

    关闭全部选项卡

    刷新最外层框架

layui.use(['cmsElem','layer','common','form','cmsMenu','cmsTab'],function(){

var $ = layui.jquery;

});

user.jpg

admin

立即解锁

系统主题预设

主题选择

CMS默认主题

CMS深蓝主题

CMS墨绿主题

CMS藏青主题

是否全屏

开启Tab缓存

开启后,将保持选项卡状态

Tab切换刷新

设置在切换tab选项卡重新打开时是否刷新

立即设置主题

重置当前修改

一键复制

编辑

Web IDE

原始数据

按行查看

历史

黑桃怎么用html代码,index.html相关推荐

  1. 小明左、右手中分别拿两张纸牌（比如：黑桃10和红桃8，数字10和8可通过键盘录入），要求编写代码交换小明手中的牌

    package zuoye;import java.util.Scanner;public class Test7 {public static void main(String[] args) {/ ...

  2. 黑桃8形式的c语言编程,C语言的随机发牌程序（红桃、黑桃、梅花、方块）

    做一个随机发牌的C语言程序,供大家学习,思考. 未做任何注释,有测试时候留下的一些输出语句,一遍方便测试. /* author:nunu qq:398269786 */ #include #inclu ...

  3. C语言的随机发牌程序（红桃、黑桃、梅花、方块）

    做一个随机发牌的C语言程序,供大家学习,思考. 未做任何注释,有测试时候留下的一些输出语句,一遍方便测试. /* author:nunu qq:398269786 */ #include<std ...

  4. 假定一副新扑克牌的顺序为：大王、小王、黑桃A,2,3,…,T,J,Q,K、红心A,2,3,…,T,J,Q,K、方块 A,2,3,…,T,J,Q,K、梅花A,2,3,…,T,J,Q,K。现将两副扑克牌摞

    (1) 假定一副新扑克牌的顺序为:大王.小王.黑桃A,2,3,-,T,J,Q,K.红心A,2,3,-,T,J,Q,K.方块A,2,3,-,T,J,Q,K.梅花A,2,3,-,T,J,Q,K.现将两副扑 ...

  5. 魔术师利用一副牌中的13张红桃c语言,魔术师的猜牌术(1) 魔术师利用一副牌中的13张黑桃 - 下载 - 搜珍网...

    魔术师利用一副牌中的13张黑桃,预先将它们排好后迭在一 起,牌面朝下.对观众说:我不看牌,只数数就可以猜到每张牌 是什么,我大声数数,你们听,不信?你们就看.魔术师将最上 面的那张牌数为1,把它翻过来 ...

  6. java里如何表示黑桃方片_扑克红桃，方片，黑桃，梅花他们的顺序如何，代表什么意义呀？jac 爱问知识人...

    一副扑克中的52张是正牌,表示一年中有52个星期:两张是副牌,大王表示太阳,小王代表月亮.由于一年有春.夏.秋.冬四个季度,所以又分别用黑桃.红桃.草花.方块4种花色表示.其中红色的红桃.方块表示白昼 ...

  7. 黑桃k游戏java实战_#Java小案例 扑克牌小游戏

    知识点: 1.Collections.sort; 2.do while确保不重复; 3.重写compare 比较规则; 主要的对象有 1.玩家 (ID.姓名.手牌列表) 2.卡牌(花色.点数) 1.玩 ...

  8. 52张扑克牌，红桃A和黑桃A同时被一个人拿到的概率

    问题:52张扑克牌,红桃A和黑桃A同时被一个人拿到的概率 假设是N个人玩牌. 那么概率是 1/N. 为什么? 类似邮箱问题. 把N个人看做N个邮箱,红桃A放到每个邮箱的概率是 1/N 而黑桃A要想和红 ...

  9. 4 个人分牌，54 张扑克牌，除去两张大小王剩下 52 张扑克牌。问红桃 A 和黑桃 A 同时被一个人拿到的概率是多少？...

    和多少张牌没关系,等价于只有两张牌,拿出一张随机的给4个人中的一个,概率1/4,拿出第二章牌,再等概率的随机给牌,给到同一个人的概率1/4,因此是1/16.这里是指定的某一人拿到的概率,如果" ...

  10. 四个人分52张扑克牌，同时拿到红桃A和黑桃A的概率？

    4 个人分牌,54 张扑克牌,除去两张大小王剩下 52 张扑克牌.问红桃 A 和黑桃 A 同时被一个人拿到的概率是多少? 将牌无序分成四堆,每堆13张,组合数是C(52, 13) * C(39, 1) ...

最新文章

  1. CSS元素的基本应用（附加京东面试题）
  2. python股票编程规范_Python 编程规范梳理
  3. xman的思维导图快捷键_一次性入门大纲笔记神器“幕布”，支持一键生成思维导图...
  4. mysql datatable_MySQL-数据表操作
  5. java redirect 跨域_碰到了跨域问题， Redirect is not allowed for a preflight request
  6. levedb 导入 mysql_LevelDB-初始篇
  7. python函数：基础函数调用整理
  8. aswing JTable用法
  9. 任达华遇袭是效仿“宏颜获水”事件？百度回应：严惩肇事者 以儆效尤
  10. dbutils批量查询
  11. http://blog.sina.com.cn/s/blog_4aae007d0100inxi.html
  12. 基础课教材推荐-数字设计、体系结构
  13. Android 代码重构案例
  14. c# 解决 DataGridView 排序后颜色丢失
  15. Android上层进入recovery流程
  16. 【前端初/中级面经】中小型公司面试时都会问些什么，VUE出境最高?
  17. android serviceconnection 作用,Android Service服务的相关介绍
  18. L-ink复刻笔记（记录）
  19. canvas教程16-滚动的车轮
  20. Vue表格实现隔行变色

热门文章

  1. Nginx：配置 try_files 实现内部重定向
  2. 计算机组成原理课程设计_微程序控制的简单模型机设计
  3. 5月6阴阳师服务器维护,《阴阳师》手游5月6日维护更新公告
  4. 基于李雅普诺夫函数的跟踪控制（三）
  5. RS-485 工作逻辑
  6. HBuilder打包App教程
  7. 数学建模学习（98）：CHIO优化算法
  8. ubuntu 17.04安装为知笔记
  9. linux工具之screen
  10. 正则表达式的贪婪匹配和非贪婪匹配