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 @@ ...@@ -5,17 +5,14 @@
<title>日志详情页</title> <title>日志详情页</title>
</head> </head>
<style type="text/css"> <style type="text/css">
.wrapper {width: 1000px;margin: 20px auto;} .wrapper {width: 1000px;margin: 20px auto;}
h2 {text-align: center;} h2 {text-align: center;}
.add {margin-bottom: 20px;} .add {margin-bottom: 20px;}
.add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;} .add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;}
td {text-align: center;} td {text-align: center;}
</style> </style>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<h2>日志详情页</h2>
<table width="960">
<?php <?php
// 处理增加操作的页面 // 处理增加操作的页面
require "dbconfig.php"; require "dbconfig.php";
...@@ -47,29 +44,41 @@ td {text-align: center;} ...@@ -47,29 +44,41 @@ td {text-align: center;}
$leakTrace = $json["leakTrace"]; $leakTrace = $json["leakTrace"];
$elements = $leakTrace["elements"]; $elements = $leakTrace["elements"];
$className = $json["className"]; $className = $json["className"];
echo "<div class=title> echo "<div class=title>{$className}</div>";
{$className}
</div>";
foreach ($elements as $key => $value) { foreach ($elements as $key => $value) {
$classChildName = $value["className"]; $classChildName = $value["className"];
$referenceName = $value["referenceName"]; $referenceName = $value["referenceName"];
$classHierarchy = $value["classHierarchy"]; $classHierarchy = $value["classHierarchy"];
echo "<hr class=line />"; echo "
echo "<div class=title-0> <div class=\"track-rcol\">
<div class=\"track-list\">
<ul>
<li class=\"first\">
<i class=\"node-icon\"></i>
<div class=txt>
{$classChildName} {$classChildName}
</div> </div>
</li>
<li>
";
echo "
<div class=title-1> <div class=title-1>
{$referenceName} {$referenceName}
</div>"; </div>
";
foreach ($classHierarchy as $key => $value) { foreach ($classHierarchy as $key => $value) {
echo "<div class=title-2> echo "
{$value} <div class=title-2>
</div>"; ------- {$value}
</div>
";
} }
echo "</li>
</ul>
</div>
</div>";
} }
echo "<div class=line></div>"; echo "<div class=line></div>";
...@@ -100,7 +109,8 @@ td {text-align: center;} ...@@ -100,7 +109,8 @@ td {text-align: center;}
text-decoration:none; text-decoration:none;
} }
.title{ .title{
margin-top: 40px; margin-top: 60px;
margin-bottom: 60px;
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
...@@ -113,14 +123,14 @@ td {text-align: center;} ...@@ -113,14 +123,14 @@ td {text-align: center;}
} }
.title-1{ .title-1{
margin-top: 10px; margin-top: 10px;
font-size: 16px; margin-bottom: 10px;
font-size: 18px;
color: #000; color: #000;
text-decoration:underline; text-decoration:underline;
} }
.title-2{ .title-2{
margin-top: 10px; margin-top: 10px;
margin-left:50px; font-size: 14px;
font-size: 16px;
text-decoration:none; text-decoration:none;
color: #ff0000; color: #ff0000;
} }
...@@ -134,6 +144,76 @@ td {text-align: center;} ...@@ -134,6 +144,76 @@ td {text-align: center;}
display: flex; display: flex;
align-items: flex-end; 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> </style>
</body> </body>
</html> </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