整理代码
Jmysy
parent
eab9fc92e4
commit
f37cd3f524
|
|
@ -78,23 +78,26 @@
|
||||||
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
|
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
|
||||||
};
|
};
|
||||||
|
|
||||||
pearAdmin.render(config);
|
var option = {
|
||||||
|
|
||||||
/**
|
|
||||||
* 消 息 初 始 化
|
|
||||||
* */
|
|
||||||
pearNotice.render({
|
|
||||||
elem: 'headerNotice',
|
elem: 'headerNotice',
|
||||||
url: 'admin/data/notice.json',
|
url: 'admin/data/notice.json',
|
||||||
height: '200px',
|
height: '200px',
|
||||||
click: function(id, title) {
|
click: function(id, title) {
|
||||||
layer.msg("当前监听消息" + id + "消息标题:" + title);
|
layer.msg("当前监听消息" + id + "消息标题:" + title);
|
||||||
}
|
}
|
||||||
})
|
}
|
||||||
|
|
||||||
|
pearAdmin.render(config);
|
||||||
|
|
||||||
|
pearNotice.render(option);
|
||||||
|
|
||||||
$("body").on("click", ".pearson", function() {
|
$("body").on("click", ".pearson", function() {
|
||||||
pearTab.addTabOnlyByElem("content"
|
pearTab.addTabOnlyByElem("content", {
|
||||||
,{id:111,title:"个人信息",url:"view/system/person.html",close:true})
|
id: 111,
|
||||||
|
title: "个人信息",
|
||||||
|
url: "view/system/person.html",
|
||||||
|
close: true
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -9,143 +9,31 @@
|
||||||
<link href="../../admin/css/pearCommon.css" rel="stylesheet" />
|
<link href="../../admin/css/pearCommon.css" rel="stylesheet" />
|
||||||
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all">
|
||||||
<style>
|
<style>
|
||||||
.top-panel {
|
.top-panel {border-radius: 4px;text-align: center;}
|
||||||
border-radius: 4px;
|
.top-panel>.layui-card-body {height: 60px;}
|
||||||
text-align: center;
|
.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;}
|
||||||
.top-panel>.layui-card-body {
|
.card {width: 100%;height: 160px;background-color: whitesmoke;border-radius: 4px;}
|
||||||
height: 60px;
|
.card .header .avatar {width: 28px;height: 28px;margin: 20px;border-radius: 50px;}
|
||||||
}
|
.card .header {color: dimgray;}
|
||||||
|
.card .body {color: gray;}
|
||||||
.top-panel-number {
|
.card .body {margin-left: 20px;margin-right: 20px;}
|
||||||
line-height: 60px;
|
.card .footer {margin-left: 20px;margin-right: 20px;margin-top: 20px;font-size: 13px;color: gray;position: absolute;}
|
||||||
font-size: 30px;
|
.list .list-item {height: 33px;line-height: 33px;color: gray;padding: 5px;padding-left: 15px;border-radius: 4px;margin-top: 5.2px;}
|
||||||
border-right: 1px solid #eceff9;
|
.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;}
|
||||||
.top-panel-tips {
|
.list .list-item .title {font-size: 13px;width: 100%;}
|
||||||
padding-left: 8px;
|
.list .list-item .footer {position: absolute;right: 30px;font-size: 12px;}
|
||||||
padding-top: 16px;
|
.top-panel-tips i {font-size: 33px;}
|
||||||
line-height: 30px;
|
.layuiadmin-card-status {padding: 0 10px 10px;}
|
||||||
font-size: 12px
|
.layuiadmin-card-status dd {padding: 15px 0;border-bottom: 1px solid #EEE;display: -webkit-flex;display: flex;}
|
||||||
}
|
|
||||||
|
|
||||||
.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-status dd div.layui-status-img,
|
||||||
.layuiadmin-card-team .layui-team-img {
|
.layuiadmin-card-team .layui-team-img {width: 32px;height: 32px;border-radius: 50%;background-color: #009688;margin-right: 15px;}
|
||||||
width: 32px;
|
.layuiadmin-card-status dd div.layui-status-img a {width: 100%;height: 100%;display: inline-block;text-align: center;line-height: 32px;}
|
||||||
height: 32px;
|
.layuiadmin-card-status dd div span {color: #BBB;}
|
||||||
border-radius: 50%;
|
.layuiadmin-card-status dd div a{color: #01AAED;}
|
||||||
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="pear-container">
|
<body class="pear-container">
|
||||||
|
|
|
||||||
|
|
@ -10,120 +10,24 @@
|
||||||
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all">
|
||||||
<link rel="stylesheet" href="../../admin/css/pearButton.css" />
|
<link rel="stylesheet" href="../../admin/css/pearButton.css" />
|
||||||
<style>
|
<style>
|
||||||
.pear-container {
|
.pear-container {background-color: whitesmoke;margin: 10px;}
|
||||||
background-color: whitesmoke;
|
.pear-card {width: 100%;height: 66px;background-color: #F8F8F8;display: inline-block;border-radius: 5px;text-align: center;margin-bottom: 3px;}
|
||||||
margin: 10px;
|
.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;}
|
||||||
.pear-card {
|
.layui-col-md3 {text-align: center;}
|
||||||
width: 100%;
|
.pear-card-title {margin-top: 3px;}
|
||||||
height: 66px;
|
.person img {width: 90px;height: 90px;border-radius: 4px;margin-top: 8px;margin-left: 8px;}
|
||||||
background-color: #F8F8F8;
|
.pear-card2 .count {color: #51A351;font-size: 30px;margin-top: 12px;}
|
||||||
display: inline-block;
|
.pear-card2 .title {color: gray;font-size: 14px;margin-top: 14px;}
|
||||||
border-radius: 5px;
|
.pear-card-status {padding: 0 10px 10px;}
|
||||||
text-align: center;
|
.pear-card-status li {position: relative;padding: 10px 0;border-bottom: 1px solid #EEE;}
|
||||||
margin-bottom: 3px;
|
.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-card:hover,.pear-card2:hover{
|
.pear-reply {position: absolute;right: 20px;}
|
||||||
box-shadow: 2px 0 5px rgba(0, 21, 41, .35);
|
.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-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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="pear-container">
|
<body class="pear-container">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue