You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
2.4 KiB

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>商品介绍</title>
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/p-i.css" rel="stylesheet">
</head>
<style>
.cart-header {
padding: 20px 0 40px;
position: relative;
width: 990px;
margin: 0 auto;
position: relative;
}
.cart-logo {
display: block;
float: left;
height: 80px;
margin-right: 10px;
}
.cart {
display: block;
float: left;
text-align: center;
line-height: 80px;
font-size:xx-large;
font-weight: bold;
}
.header-search {
display: block;
float: right;
position: relative;
top: 25px;
margin-left: 20px;
}
</style>
<body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery所以必须放在前边) -->
<script src="../js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../js/bootstrap.min.js"></script>
<div class="top-nav">
<div class="container clear-float">
<div class="fl">
<a class="item" href="#">首页</a>
</div>
<div class="fr">
<a class="item" href="#">购物车</a>
<a class="item" href="#">我的订单</a>
<a class="item" href="#">收藏夹</a>
<a class="item" href="#">登录</a>
<a class="item" href="#">注册</a>
</div>
</div>
</div>
<div class="cart-header">
<img class="cart-logo" src="../img/logo.png" alt="">
<span class="cart">购物车</span>
<form class="form-inline my-2 my-lg-0" role="search" method="get" action="/Search/SearchList" target="_blank">
<div class="input-group header-search">
<input type="text" class="form-control" name="keyword" placeholder="全站检索">
<span class="input-group-btn">
<button type="submit" class="btn btn-secondary">搜索</button>
</span>
</div><!-- /input-group -->
</form>
</div>
</html>