整理代码
Jmysy
parent
eab9fc92e4
commit
f37cd3f524
|
|
@ -4,14 +4,14 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="component/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearTab.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearTab.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearTheme.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearLoad.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearFrame.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearAdmin.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearNotice.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearSocial.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearMenu.css" />
|
||||
<link rel="stylesheet" href="admin/css/pearMenu.css" />
|
||||
<style id="pearone-bg-color"></style>
|
||||
</head>
|
||||
<body class="layui-layout-body pear-admin">
|
||||
|
|
@ -71,32 +71,35 @@
|
|||
|
||||
var config = {
|
||||
keepLoad: 1200, // 主 页 加 载 过 度 时 长 可为 false
|
||||
muiltTab: true , // 是 否 开 启 多 标 签 页 true 开启 false 关闭
|
||||
muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
|
||||
control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
|
||||
theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
|
||||
index: 'view/console/console1.html', // 默 认 加 载 主 页
|
||||
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
|
||||
};
|
||||
|
||||
pearAdmin.render(config);
|
||||
|
||||
/**
|
||||
* 消 息 初 始 化
|
||||
* */
|
||||
pearNotice.render({
|
||||
|
||||
var option = {
|
||||
elem: 'headerNotice',
|
||||
url: 'admin/data/notice.json',
|
||||
height: '200px',
|
||||
click: function(id, title) {
|
||||
layer.msg("当前监听消息" + id + "消息标题:" + title);
|
||||
}
|
||||
}
|
||||
|
||||
pearAdmin.render(config);
|
||||
|
||||
pearNotice.render(option);
|
||||
|
||||
$("body").on("click", ".pearson", function() {
|
||||
pearTab.addTabOnlyByElem("content", {
|
||||
id: 111,
|
||||
title: "个人信息",
|
||||
url: "view/system/person.html",
|
||||
close: true
|
||||
})
|
||||
})
|
||||
|
||||
$("body").on("click",".pearson",function(){
|
||||
pearTab.addTabOnlyByElem("content"
|
||||
,{id:111,title:"个人信息",url:"view/system/person.html",close:true})
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -9,143 +9,31 @@
|
|||
<link href="../../admin/css/pearCommon.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all">
|
||||
<style>
|
||||
.top-panel {
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.top-panel>.layui-card-body {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.top-panel-number {
|
||||
line-height: 60px;
|
||||
font-size: 30px;
|
||||
border-right: 1px solid #eceff9;
|
||||
}
|
||||
|
||||
.top-panel-tips {
|
||||
padding-left: 8px;
|
||||
padding-top: 16px;
|
||||
line-height: 30px;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.pear-container {
|
||||
background-color: whitesmoke;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
background-color: whitesmoke;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.card .header .avatar {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin: 20px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.card .header {
|
||||
color: dimgray;
|
||||
}
|
||||
|
||||
.card .body {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.card .body {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.card .footer {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
margin-top: 20px;
|
||||
font-size: 13px;
|
||||
color: gray;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.list .list-item {
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
color: gray;
|
||||
padding: 5px;
|
||||
padding-left: 15px;
|
||||
border-radius: 4px;
|
||||
margin-top: 5.2px;
|
||||
}
|
||||
|
||||
.custom-tab .layui-tab-title {
|
||||
border-bottom-width: 0px;
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
.custom-tab .layui-tab-title li {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.list .list-item:hover {
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
|
||||
.list .list-item .title {
|
||||
font-size: 13px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.list .list-item .footer {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.top-panel-tips i {
|
||||
|
||||
font-size: 33px;
|
||||
}
|
||||
|
||||
.layuiadmin-card-status {
|
||||
padding: 0 10px 10px;
|
||||
}
|
||||
|
||||
.layuiadmin-card-status dd {
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid #EEE;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-panel {border-radius: 4px;text-align: center;}
|
||||
.top-panel>.layui-card-body {height: 60px;}
|
||||
.top-panel-number {line-height: 60px;font-size: 30px;border-right: 1px solid #eceff9;}
|
||||
.top-panel-tips {padding-left: 8px;padding-top: 16px;line-height: 30px;font-size: 12px;}
|
||||
.pear-container {background-color: whitesmoke;margin: 10px;}
|
||||
.card {width: 100%;height: 160px;background-color: whitesmoke;border-radius: 4px;}
|
||||
.card .header .avatar {width: 28px;height: 28px;margin: 20px;border-radius: 50px;}
|
||||
.card .header {color: dimgray;}
|
||||
.card .body {color: gray;}
|
||||
.card .body {margin-left: 20px;margin-right: 20px;}
|
||||
.card .footer {margin-left: 20px;margin-right: 20px;margin-top: 20px;font-size: 13px;color: gray;position: absolute;}
|
||||
.list .list-item {height: 33px;line-height: 33px;color: gray;padding: 5px;padding-left: 15px;border-radius: 4px;margin-top: 5.2px;}
|
||||
.custom-tab .layui-tab-title {border-bottom-width: 0px;border-bottom-style: none;}
|
||||
.custom-tab .layui-tab-title li {margin-left: 10px;}
|
||||
.list .list-item:hover {background-color: whitesmoke;}
|
||||
.list .list-item .title {font-size: 13px;width: 100%;}
|
||||
.list .list-item .footer {position: absolute;right: 30px;font-size: 12px;}
|
||||
.top-panel-tips i {font-size: 33px;}
|
||||
.layuiadmin-card-status {padding: 0 10px 10px;}
|
||||
.layuiadmin-card-status dd {padding: 15px 0;border-bottom: 1px solid #EEE;display: -webkit-flex;display: flex;}
|
||||
.layuiadmin-card-status dd div.layui-status-img,
|
||||
.layuiadmin-card-team .layui-team-img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
background-color: #009688;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.layuiadmin-card-status dd div.layui-status-img a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.layuiadmin-card-status dd div span {
|
||||
color: #BBB;
|
||||
}
|
||||
.layuiadmin-card-status dd div a{
|
||||
color: #01AAED;
|
||||
}
|
||||
.layuiadmin-card-team .layui-team-img {width: 32px;height: 32px;border-radius: 50%;background-color: #009688;margin-right: 15px;}
|
||||
.layuiadmin-card-status dd div.layui-status-img a {width: 100%;height: 100%;display: inline-block;text-align: center;line-height: 32px;}
|
||||
.layuiadmin-card-status dd div span {color: #BBB;}
|
||||
.layuiadmin-card-status dd div a{color: #01AAED;}
|
||||
</style>
|
||||
</head>
|
||||
<body class="pear-container">
|
||||
|
|
|
|||
|
|
@ -10,120 +10,24 @@
|
|||
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../../admin/css/pearButton.css" />
|
||||
<style>
|
||||
.pear-container {
|
||||
background-color: whitesmoke;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.pear-card {
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
background-color: #F8F8F8;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.pear-card:hover,.pear-card2:hover{
|
||||
box-shadow: 2px 0 5px rgba(0, 21, 41, .35);
|
||||
}
|
||||
|
||||
|
||||
.pear-card2 {
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
background-color: #F8F8F8;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.pear-card2 i {
|
||||
font-size: 30px;
|
||||
height: 90px;
|
||||
line-height: 90px;
|
||||
}
|
||||
|
||||
.pear-card i {
|
||||
font-size: 30px;
|
||||
height: 66px;
|
||||
line-height: 66px;
|
||||
}
|
||||
|
||||
.layui-col-md3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pear-card-title {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.person img {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
border-radius: 4px;
|
||||
margin-top: 8px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
.pear-card2 .count {
|
||||
color: #51A351;
|
||||
font-size: 30px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.pear-card2 .title {
|
||||
color: gray;
|
||||
font-size: 14px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.pear-card-status {
|
||||
padding: 0 10px 10px;
|
||||
}
|
||||
|
||||
.pear-card-status li {
|
||||
position: relative;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #EEE;
|
||||
}
|
||||
|
||||
.pear-card-status li h3 {
|
||||
padding-bottom: 5px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pear-card-status li p {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.pear-card-status li>span {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.pear-reply {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
.person .title{
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
margin-left: 18px;
|
||||
margin-top: 16px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
}
|
||||
.person .desc{
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-left: 115px;
|
||||
margin-top: -30px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
}
|
||||
.pear-container {background-color: whitesmoke;margin: 10px;}
|
||||
.pear-card {width: 100%;height: 66px;background-color: #F8F8F8;display: inline-block;border-radius: 5px;text-align: center;margin-bottom: 3px;}
|
||||
.pear-card:hover,.pear-card2:hover{box-shadow: 2px 0 5px rgba(0, 21, 41, .35);}.pear-card2 {width: 100%;height: 90px;background-color: #F8F8F8;display: inline-block;border-radius: 5px;text-align: center;margin-bottom: 3px;}
|
||||
.pear-card2 i {font-size: 30px;height: 90px;line-height: 90px;}
|
||||
.pear-card i {font-size: 30px;height: 66px;line-height: 66px;}
|
||||
.layui-col-md3 {text-align: center;}
|
||||
.pear-card-title {margin-top: 3px;}
|
||||
.person img {width: 90px;height: 90px;border-radius: 4px;margin-top: 8px;margin-left: 8px;}
|
||||
.pear-card2 .count {color: #51A351;font-size: 30px;margin-top: 12px;}
|
||||
.pear-card2 .title {color: gray;font-size: 14px;margin-top: 14px;}
|
||||
.pear-card-status {padding: 0 10px 10px;}
|
||||
.pear-card-status li {position: relative;padding: 10px 0;border-bottom: 1px solid #EEE;}
|
||||
.pear-card-status li h3 {padding-bottom: 5px;font-weight: 700;}
|
||||
.pear-card-status li p {padding-bottom: 10px;}
|
||||
.pear-card-status li>span {color: #999;}
|
||||
.pear-reply {position: absolute;right: 20px;}
|
||||
.person .title{font-size: 17px;font-weight: 600;margin-left: 18px;margin-top: 16px;position: absolute;display: inline-block;}
|
||||
.person .desc{font-size: 16px;font-weight: 600;margin-left: 115px;margin-top: -30px;position: absolute;display: inline-block;}
|
||||
</style>
|
||||
</head>
|
||||
<body class="pear-container">
|
||||
|
|
|
|||
Loading…
Reference in New Issue