Commit 111aa20f by jackzhou

调整样式

parent 8359fc82
......@@ -11,6 +11,126 @@
.add a {text-decoration: none;color: #fff;background-color: green;padding: 6px;border-radius: 5px;}
td {text-align: center;}
</style>
<style type="text/css">
.time{
margin-top: 30px;
font-size: 16px;
margin-left: 20px;
text-decoration:none;
}
.title{
margin-top: 60px;
margin-bottom: 60px;
font-size: 24px;
font-weight: bold;
color: #000000;
}
.txt{
margin-left: 60px;
margin-top: 10px;
font-size: 16px;
color: #000000;
}
.title-0{
margin-top: 20px;
font-size: 16px;
font-weight: bold;
color: #000;
}
.title-1{
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
color: #000;
text-decoration:underline;
}
.title-2{
margin-top: 10px;
font-size: 14px;
text-decoration:none;
color: #ff0000;
}
.line{
margin-top: 20px;
margin-bottom: 50px;
}
.bottom{
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>
<div class="wrapper">
<?php
......@@ -27,7 +147,6 @@
// 3. 从DBNAME中查询到news数据库,返回数据库结果集,并按照addtime降序排列
$sql = "select * from carton where id={$id} order by id asc;";
// 结果集
$result = mysqli_query($link, $sql) or die('添加数据出错:'.mysqli_error());
// var_dump($result);
......@@ -62,138 +181,6 @@
mysqli_free_result($result);
mysqli_close($link);
?>
</div>
<script type="text/javascript">
function changestatus (id) {
if (confirm("确定要修改该日志吗?")){
window.location = "action-del.php?id="+id;
}
}
function enterpage (id) {
window.location = "cartonDetail.php?id="+id;
}
</script>
<style type="text/css">
.time{
margin-top: 30px;
font-size: 16px;
margin-left: 20px;
text-decoration:none;
}
.title{
margin-top: 60px;
margin-bottom: 60px;
font-size: 32px;
font-weight: bold;
color: #000000;
}
.txt{
margin-left: 60px;
margin-top: 10px;
font-size: 20px;
color: #000000;
}
.title-0{
margin-top: 20px;
font-size: 16px;
font-weight: bold;
color: #000;
}
.title-1{
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
color: #000;
text-decoration:underline;
}
.title-2{
margin-top: 10px;
font-size: 14px;
text-decoration:none;
color: #ff0000;
}
.line{
margin-top: 20px;
margin-bottom: 50px;
}
.bottom{
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>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="fh5co-page">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<aside id="fh5co-aside" role="complementary" class="border js-fullheight">
<h1 id="fh5co-logo"><a href="index.php">canary</a></h1>
<nav id="fh5co-main-menu" role="navigation">
<ul>
<li><a href="index.php">内存泄露监测</a></li>
<li class="fh5co-active"><a href="cartonList.php">应用卡顿监测</a></li>
<!-- <li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>-->
</ul>
</nav>
<div class="fh5co-footer">
<p>Copyright &copy; 2019.Company name All rights reserved</p>
</div>
</aside>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content=""/>
<meta name="twitter:image" content=""/>
<meta name="twitter:url" content=""/>
<meta name="twitter:card" content=""/>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
function changestatus(id) {
if (confirm("确定要修改该日志吗?")) {
//window.location = "action-del.php?id="+id;
}
}
<div id="fh5co-main">
<div class="fh5co-narrow-content">
<h1 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">卡顿日志输出</h1>
<div class="row row-bottom-padded-md">
function enterpage(id) {
window.location = "cartonDetail.php?id=" + id;
}
</script>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<?php
// 处理增加操作的页面
require "dbconfig.php";
// 连接mysql
$link = @mysqli_connect(HOST,USER,PASS,DBNAME) or die("提示:数据库连接失败!111111");
// 选择数据库
mysqli_select_db($link, DBNAME);
// 编码设置
mysqli_set_charset($link,'utf8');
<!-- MAIN JS -->
<script src="js/main.js"></script>
// 3. 从DBNAME中查询到news数据库,返回数据库结果集,并按照addtime降序排列
$sql = 'select * from carton order by id desc;';
// 结果集
$result = mysqli_query($link, $sql) or die('添加数据出错:'.mysqli_error());
// var_dump($result);
<style type="text/css">
.commitHash {
margin-top: 20px;
text-decoration: none;
}
// 解析结果集,$row为新闻所有数据,$newsNum为新闻数目
$newsNum=mysqli_num_rows($result);
.currentBranch {
text-decoration: none;
}
</style>
for($i=0; $i<$newsNum; $i++){
$row = mysqli_fetch_assoc($result);
echo "<tr>";
/*echo "<div>编号:{$row['id']}</div>";*/
echo
"
</head>
<body>
<div id="fh5co-page">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<aside id="fh5co-aside" role="complementary" class="border js-fullheight">
<h1 id="fh5co-logo"><a href="index.php">canary</a></h1>
<nav id="fh5co-main-menu" role="navigation">
<ul>
<li><a href="index.php">内存泄露监测</a></li>
<li class="fh5co-active"><a href="cartonList.php">应用卡顿监测</a></li>
<!-- <li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>-->
</ul>
</nav>
<div class="fh5co-footer">
<p>Copyright &copy; 2019.Company name All rights reserved</p>
</div>
</aside>
<div id="fh5co-main">
<div class="fh5co-narrow-content">
<h1 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">卡顿日志输出</h1>
<div class="row row-bottom-padded-md">
<?php
// 处理增加操作的页面
require "dbconfig.php";
// 连接mysql
$link = @mysqli_connect(HOST, USER, PASS, DBNAME) or die("提示:数据库连接失败!111111");
// 选择数据库
mysqli_select_db($link, DBNAME);
// 编码设置
mysqli_set_charset($link, 'utf8');
// 3. 从DBNAME中查询到news数据库,返回数据库结果集,并按照addtime降序排列
$sql = 'select * from carton order by id desc;';
// 结果集
$result = mysqli_query($link, $sql) or die('添加数据出错:' . mysqli_error());
// var_dump($result);
// 解析结果集,$row为新闻所有数据,$newsNum为新闻数目
$newsNum = mysqli_num_rows($result);
for ($i = 0; $i < $newsNum; $i++) {
$row = mysqli_fetch_assoc($result);
echo "<tr>";
/*echo "<div>编号:{$row['id']}</div>";*/
echo
"
<div class=\"col-padding animate-box\" data-animate-effect=\"fadeInLeft\">
<div class=\"blog-entry\">
<div class=\"desc\">
......@@ -125,53 +166,15 @@
</div>
</div>
";
}
// 5. 释放结果集
mysqli_free_result($result);
mysqli_close($link);
?>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
}
// 5. 释放结果集
mysqli_free_result($result);
mysqli_close($link);
?>
<!-- MAIN JS -->
<script src="js/main.js"></script>
<script type="text/javascript">
function changestatus (id) {
if (confirm("确定要修改该日志吗?")){
//window.location = "action-del.php?id="+id;
}
}
function enterpage (id) {
window.location = "cartonDetail.php?id="+id;
}
</script>
<style type="text/css">
.commitHash{
margin-top: 20px;
text-decoration:none;
}
.currentBranch {
text-decoration: none;
}
</style>
</body>
</div>
</div>
</div>
</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