规范css
bobi
parent
29102482c8
commit
47b146f45a
|
|
@ -5,8 +5,7 @@
|
|||
<title>添加文章</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>编辑文章</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>文章列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,71 +0,0 @@
|
|||
body {
|
||||
background: url("../images/bg.png") no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.login-box {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
border: 1px solid #1a312c;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -150px;
|
||||
margin-top: -150px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.head {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: -96px;
|
||||
left: 50%;
|
||||
margin-left: -50px;
|
||||
background: url("../images/ok.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.input-box {
|
||||
margin: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.input-box input {
|
||||
margin-top: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.input-box input[type="submit"] {
|
||||
background-color: #189F92;
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.input-box .remember-me {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.input-box .remember-me .layui-form-switch {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.input-box .oauth {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.input-box .oauth i {
|
||||
cursor: pointer;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
margin: 10px 10px 10px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
186
css/okadmin.css
186
css/okadmin.css
|
|
@ -1,130 +1,74 @@
|
|||
/*==============================================主要就是index.html页面美化代码==============================================*/
|
||||
/*顶部导航菜单logo样式*/
|
||||
.layui-layout-admin .layui-logo {
|
||||
color: #fff;
|
||||
font-size: 20px
|
||||
/*所有页面的CSS代码都写在这里*/
|
||||
/*登陆页面*/
|
||||
.login-body{background:url(../imgs/bg.png) no-repeat center center fixed;background-size:cover}
|
||||
.login-body .login-box{width:300px;height:300px;border:1px solid #1a312c;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-150px;border-radius:5px}
|
||||
.login-body .login-box .head{width:100px;height:100px;border-radius:50%;position:absolute;top:-96px;left:50%;margin-left:-50px;background:url(../imgs/ok.png);background-size:cover}
|
||||
.login-body .login-box .input-box{margin:10px 10px 10px 10px}
|
||||
.login-body .login-box .input-box input{margin-top:20px;border-radius:5px}
|
||||
.login-body .login-box .input-box input[type=submit]{background-color:#189F92;width:100%;border:none;outline:0;cursor:pointer;color:#fff;padding-top:8px;padding-bottom:8px;font-size:18px}
|
||||
.login-body .login-box .input-box .remember-me{margin-top:20px}
|
||||
.login-body .login-box .input-box .remember-me .layui-form-switch{margin-top:0}
|
||||
.login-body .login-box .input-box .oauth{margin-top:20px}
|
||||
.login-body .login-box .input-box .oauth i{cursor:pointer;font-size:28px}
|
||||
.login-body .login-box .copyright{margin:10px 10px 10px 10px;font-size:12px}
|
||||
|
||||
/*index及其它页面*/
|
||||
.layui-layout-admin .layui-logo{color:#fff;font-size:20px}
|
||||
.layui-nav{padding:0}
|
||||
.layui-layout-left{left:235px}
|
||||
.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}
|
||||
.layui-nav-tree .layui-nav-child a{padding-left:36px}
|
||||
.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 .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 iframe{height:100%}
|
||||
@media screen and (max-width:768px){.layui-layout-admin .layui-bg-black{left:-200px}
|
||||
.layui-layout-admin .content-body{left:0}
|
||||
.layui-layout-admin .layui-footer{left:0}
|
||||
.layui-layout-left{display:none}
|
||||
}
|
||||
|
||||
/*顶部导航文字菜单样式*/
|
||||
.layui-nav {
|
||||
padding: 0
|
||||
@media screen and (max-width:480px){.layui-layout-admin .layui-logo{left:-32px}
|
||||
.menu-switch{left:140px}
|
||||
}
|
||||
|
||||
/*顶部菜单左边部分菜单样式*/
|
||||
.layui-layout-left {
|
||||
left: 235px
|
||||
@media screen and (max-width:330px){.layui-layout-admin .layui-logo{left:-51px;font-size:14px}
|
||||
.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}
|
||||
|
||||
/*第一个tan选项卡隐藏取消图标*/
|
||||
.layui-tab-title li:first-child .layui-tab-close {
|
||||
display: none
|
||||
/*sub-page页面*/
|
||||
.ok-body{padding:10px}
|
||||
.layui-row-margin{margin:10px 5px 5px 5px}
|
||||
.md2-sub1{width:40%;text-align:center;line-height:80px;float:left;border-top-left-radius:5px;border-bottom-left-radius:5px}
|
||||
.md2-sub1 i{font-size:40px;display:block;cursor:pointer;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
|
||||
.md2-sub1 i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
|
||||
.md2-sub2{width:60%;display:inline-block;background-color:#f2f2f2;line-height:46px;text-align:center;border-top-right-radius:5px;border-bottom-right-radius:5px}
|
||||
.md2-sub2 span{font-size:25px;display:block;height:34px}
|
||||
.md2-sub2 cite{font-style:normal}
|
||||
.ok-body-breadcrumb{position:relative;line-height:39px;height:32px;border-bottom:1px solid #e5e5e5}
|
||||
.ok-body-breadcrumb .layui-btn{line-height:2.4em;margin-top:3px;float:right}
|
||||
.ok-body-breadcrumb .layui-btn .layui-icon{line-height:32px}
|
||||
.ok-search{margin-top:15px}
|
||||
.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-btn{margin-left: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}
|
||||
}
|
||||
okToolbar{display:block;margin-top:10px;margin-bottom:10px;padding:5px;line-height:22px;border-radius:0 2px 2px 0;background-color:#f2f2f2}
|
||||
okToolbar span{float:right;line-height:30px}
|
||||
.ok-form{margin-top:10px}
|
||||
|
||||
/*隐藏/显示左边菜单按钮样式*/
|
||||
.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
|
||||
}
|
||||
/*滚动条代码*/
|
||||
::-webkit-scrollbar{width:10px;height:10px}
|
||||
::-webkit-scrollbar-button:vertical{display:none}
|
||||
::-webkit-scrollbar-track:vertical{background-color:#000}
|
||||
::-webkit-scrollbar-track-piece{background-color:#F5F5F5}
|
||||
::-webkit-scrollbar-thumb{margin-right:10px;background-color:#A6A6A6}
|
||||
::-webkit-scrollbar-thumb:hover{background-color:#aaa}
|
||||
::-webkit-scrollbar-corner:vertical{background-color:#535353}
|
||||
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
|
||||
|
||||
/*左侧菜单栏文字样式*/
|
||||
.layui-nav-tree .layui-nav-child a {
|
||||
padding-left: 36px;
|
||||
}
|
||||
|
||||
/*菜单tab背景色*/
|
||||
.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 .layui-tab-content {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
z-index: -999;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
/*使iframe高度100%,它的父类高度也需要100%*/
|
||||
.content-body .layui-tab-content .layui-tab-item {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
/*使iframe高度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
|
||||
}
|
||||
|
||||
.layui-layout-admin .content-body {
|
||||
left: 0
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-footer {
|
||||
left: 0
|
||||
}
|
||||
|
||||
.layui-layout-left {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.layui-layout-admin .layui-logo {
|
||||
left: -32px;
|
||||
}
|
||||
|
||||
.menu-switch {
|
||||
left: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 330px) {
|
||||
.layui-layout-admin .layui-logo {
|
||||
left: -51px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
/*所有页面的CSS代码都写在这里*/
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
/*==============================================美化滚动条代码==============================================*/
|
||||
/*滚动条整体部分*/
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
|
||||
::-webkit-scrollbar-button:vertical {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*滚动条的轨道（里面装有Thumb）*/
|
||||
::-webkit-scrollbar-track:vertical {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/*内层轨道，滚动条中间部分（除去）*/
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
|
||||
/*如何只控制横向滚动条样式则应该写成： ::-webkit-scrollbar-thumb:vertical */
|
||||
::-webkit-scrollbar-thumb {
|
||||
margin-right: 10px;
|
||||
background-color: #A6A6A6;
|
||||
}
|
||||
|
||||
/*如何只控制横向滚动条样式则应该写成： ::-webkit-scrollbar-thumb:vertical:hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #aaa;
|
||||
}
|
||||
|
||||
/*边角，即两个滚动条的交汇处*/
|
||||
::-webkit-scrollbar-corner:vertical {
|
||||
background-color: #535353;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-resizer:vertical {
|
||||
background-color: #FF6E00;
|
||||
}
|
||||
130
css/sub-page.css
130
css/sub-page.css
|
|
@ -1,130 +0,0 @@
|
|||
/*主体内容样式*/
|
||||
.ok-body {
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
/*welcome页面*/
|
||||
.layui-row-margin {
|
||||
margin: 10px 5px 5px 5px;
|
||||
}
|
||||
|
||||
.md2-sub1 {
|
||||
width: 40%;
|
||||
text-align: center;
|
||||
line-height: 80px;
|
||||
float: left;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
.md2-sub1 i {
|
||||
font-size: 40px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
transition: All 0.4s ease-in-out;
|
||||
-webkit-transition: All 0.4s ease-in-out;
|
||||
-moz-transition: All 0.4s ease-in-out;
|
||||
-o-transition: All 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.md2-sub1 i:hover {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
}
|
||||
|
||||
.md2-sub2 {
|
||||
width: 60%;
|
||||
display: inline-block;
|
||||
background-color: #f2f2f2;
|
||||
line-height: 46px;
|
||||
text-align: center;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
.md2-sub2 span {
|
||||
font-size: 25px;
|
||||
display: block;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.md2-sub2 cite {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/*其他子页面*/
|
||||
/*子页面面包屑导航样式*/
|
||||
.ok-body-breadcrumb {
|
||||
position: relative;
|
||||
line-height: 39px;
|
||||
height: 32px;
|
||||
border-bottom: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
/*子页面面包屑导航刷新按钮样式*/
|
||||
.ok-body-breadcrumb .layui-btn {
|
||||
line-height: 2.4em;
|
||||
margin-top: 3px;
|
||||
float: right
|
||||
}
|
||||
|
||||
/*子页面面包屑导航刷新按钮图标样式*/
|
||||
.ok-body-breadcrumb .layui-btn .layui-icon {
|
||||
line-height: 32px
|
||||
}
|
||||
|
||||
/*搜索区域样式*/
|
||||
.ok-search {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.ok-search .layui-input {
|
||||
width: 190px;
|
||||
padding-left: 10px;
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ok-search .layui-input:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.ok-search .layui-btn {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.ok-search .layui-input {
|
||||
width: 100%;
|
||||
margin-left: 0px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ok-search .layui-btn {
|
||||
margin-left: 0px;
|
||||
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 span {
|
||||
float: right;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/*form表单*/
|
||||
.ok-form {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
@ -5,8 +5,7 @@
|
|||
<title>捐赠页面</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>阿里巴巴图标库</title>
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>Layui内置图标库</title>
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>图片列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 340 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="keywords" content="ok-admin v1.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v1.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_ciewkz7d5vo.css">
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<ul class="layui-nav layui-layout-right">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="images/head.png" class="layui-nav-img">
|
||||
<img src="imgs/head.png" class="layui-nav-img">
|
||||
bobi
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
|
|
|
|||
|
|
@ -59,10 +59,10 @@ layui.use(['element', 'layer'], function () {
|
|||
area: ["330px", "350px"],
|
||||
tab: [{
|
||||
title: "支付宝",
|
||||
content: "<img src='images/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
|
||||
content: "<img src='imgs/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
|
||||
}, {
|
||||
title: "微信",
|
||||
content: "<img src='images/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
|
||||
content: "<img src='imgs/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
|
||||
}]
|
||||
});
|
||||
});
|
||||
|
|
@ -75,7 +75,7 @@ layui.use(['element', 'layer'], function () {
|
|||
area: ["330px", "350px"],
|
||||
tab: [{
|
||||
title: "QQ群",
|
||||
content: "<img src='images/qq.jpeg' width='200' height='300' style='margin-left: 60px'>"
|
||||
content: "<img src='imgs/qq.jpeg' width='200' height='300' style='margin-left: 60px'>"
|
||||
}]
|
||||
});
|
||||
});
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
10
login.html
10
login.html
|
|
@ -1,19 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ok-admin | 很赞的后台模版</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="keywords" content="ok-admin v1.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v1.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_ask70l8wanw.css">
|
||||
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css"/>
|
||||
<link rel="stylesheet" href="css/login.css"/>
|
||||
<link rel="stylesheet" href="css/okadmin.css"/>
|
||||
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
|
||||
</head>
|
||||
<body>
|
||||
<body class="login-body">
|
||||
<div class="login-box animated rotateIn">
|
||||
<div class="head"></div>
|
||||
<div class="input-box">
|
||||
|
|
@ -84,4 +84,4 @@
|
|||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>权限列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>添加角色</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>角色授权</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>编辑角色</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>角色列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_dgsnpaj0hzk.css">
|
||||
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>添加用户</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>编辑用户</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
<title>用户列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
|
||||
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -6,10 +6,9 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="keywords" content="ok-admin v1.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v1.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="css/scroll-bar.css">
|
||||
<link rel="stylesheet" href="css/sub-page.css">
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_hsptnwurztv.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue