Skip to content

A
app-stable-website
Commit 216741b6 by kevin
Options

优化详情页

parent c29ca944
Showing with 104 additions and 24 deletions
leankcanary/details.php
......@@ -5,17 +5,14 @@
<title>日志详情页</title>
</head>
<style type="text/css">
.wrapper {width: 1000px;margin: 20px auto;}
h2 {text-align: center;}
.add {margin-bottom: 20px;}
.add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;}
td {text-align: center;}
.wrapper {width: 1000px;margin: 20px auto;}
h2 {text-align: center;}
.add {margin-bottom: 20px;}
.add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;}
td {text-align: center;}
</style>
<body>
<div class="wrapper">
<h2>日志详情页</h2>
<table width="960">
<div class="wrapper">
<?php
// 处理增加操作的页面
require "dbconfig.php";
......@@ -47,29 +44,41 @@ td {text-align: center;}
$leakTrace = $json["leakTrace"];
$elements = $leakTrace["elements"];
$className = $json["className"];
echo "<div class=title>
{$className}
</div>";
echo "<div class=title>{$className}</div>";
foreach ($elements as $key => $value) {
$classChildName = $value["className"];
$referenceName = $value["referenceName"];
$classHierarchy = $value["classHierarchy"];
echo "<hr class=line />";
echo "<div class=title-0>
echo "
<div class=\"track-rcol\">
<div class=\"track-list\">
<ul>
<li class=\"first\">
<i class=\"node-icon\"></i>
<div class=txt>
{$classChildName}
</div>
</li>
<li>
";
echo "
<div class=title-1>
{$referenceName}
</div>";
</div>
";
foreach ($classHierarchy as $key => $value) {
echo "<div class=title-2>
{$value}
</div>";
echo "
<div class=title-2>
------- {$value}
</div>
";
}
echo "</li>
</ul>
</div>
</div>";
}
echo "<div class=line></div>";
......@@ -100,7 +109,8 @@ td {text-align: center;}
text-decoration:none;
}
.title{
margin-top: 40px;
margin-top: 60px;
margin-bottom: 60px;
font-size: 32px;
font-weight: bold;
color: #000000;
......@@ -113,14 +123,14 @@ td {text-align: center;}
}
.title-1{
margin-top: 10px;
font-size: 16px;
margin-bottom: 10px;
font-size: 18px;
color: #000;
text-decoration:underline;
}
.title-2{
margin-top: 10px;
margin-left:50px;
font-size: 16px;
font-size: 14px;
text-decoration:none;
color: #ff0000;
}
......@@ -134,6 +144,76 @@ td {text-align: center;}
display: flex;
align-items: flex-end;
}
body {
font-size: 12px;
}
ul li {
list-style: none;
}
.track-rcol {
width: 100%;
border: 1px solid #eee;
}
.track-list {
margin: 20px;
padding-left: 5px;
position: relative;
}
.track-list li {
position: relative;
padding: 9px 0 0 25px;
line-height: 18px;
border-left: 1px solid #d9d9d9;
color: #999;
}
.track-list li.first {
color: red;
padding-top: 0;
border-left-color: #fff;
}
.track-list li .node-icon {
position: absolute;
left: -6px;
top: 50%;
width: 11px;
height: 11px;
background: url(images/img-1.jpg) -21px -72px no-repeat;
}
.track-list li.first .node-icon {
background-position: 0 -72px;
}
.track-list li .time {
margin-right: 20px;
position: relative;
top: 4px;
display: inline-block;
vertical-align: middle;
}
.track-list li .txt {
position: relative;
top: 4px;
font-size: 22px;
color: #000000;
display: inline-block;
vertical-align: middle;
}
.track-list li.first .time {
margin-right: 20px;
}
.track-list li.first .txt {
max-width: 600px;
}
</style>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment