天天生鲜项目——我的购物车页

4、cart.html 我的购物车页,列出已放入购物车上的商品
天天生鲜项目——我的购物车页_第1张图片


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>天天生鲜-购物车title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
head>
<body>
	<div class="header_con">
		<div class="header">
			<div class="welcome fl">欢迎来到天天生鲜!div>
			<div class="fr">
				<div class="login_info fl">
					欢迎您:<em>张 山em>
				div>
				<div class="login_btn fl">
					<a href="login.html">登录a>
					<span>|span>
					<a href="register.html">注册a>
				div>
				<div class="user_link fl">
					<span>|span>
					<a href="user_center_info.html">用户中心a>
					<span>|span>
					<a href="cart.html">我的购物车a>
					<span>|span>
					<a href="user_center_order.html">我的订单a>
				div>
			div>
		div>		
	div>

	<div class="search_bar clearfix">
		<a href="index.html" class="logo fl"><img src="images/logo.png">a>
		<div class="sub_page_name fl">|    购物车div>
		<div class="search_con fr">
			<input type="text" class="input_text fl" name="" placeholder="搜索商品">
			<input type="button" class="input_btn fr" name="" value="搜索">
		div>		
	div>

	<div class="total_count">全部商品<em>2em>div>	
	<ul class="cart_list_th clearfix">
		<li class="col01">商品名称li>
		<li class="col02">商品单位li>
		<li class="col03">商品价格li>
		<li class="col04">数量li>
		<li class="col05">小计li>
		<li class="col06">操作li>
	ul>
	<ul class="cart_list_td clearfix">
		<li class="col01"><input type="checkbox" name="" checked>li>
		<li class="col02"><img src="images/goods/goods012.jpg">li>
		<li class="col03">奇异果<br><em>25.80元/500gem>li>
		<li class="col04">500gli>
		<li class="col05">25.80元li>
		<li class="col06">
			<div class="num_add">
				<a href="javascript:;" class="add fl">+a>
				<input type="text" class="num_show fl" value="1">	
				<a href="javascript:;" class="minus fl">-a>	
			div>
		li>
		<li class="col07">25.80元li>
		<li class="col08"><a href="javascript:;">删除a>li>
	ul>

	<ul class="cart_list_td clearfix">
		<li class="col01"><input type="checkbox" name="" checked>li>
		<li class="col02"><img src="images/goods/goods003.jpg">li>
		<li class="col03">大兴大棚草莓<br><em>16.80元/500gem>li>
		<li class="col04">500gli>
		<li class="col05">16.80元li>
		<li class="col06">
			<div class="num_add">
				<a href="javascript:;" class="add fl">+a>
				<input type="text" class="num_show fl" value="1">	
				<a href="javascript:;" class="minus fl">-a>	
			div>
		li>
		<li class="col07">16.80元li>
		<li class="col08"><a href="javascript:;">删除a>li>
	ul>
	

	<ul class="settlements">
		<li class="col01"><input type="checkbox" name="" checked="">li>
		<li class="col02">全选li>
		<li class="col03">合计(不含运费):<span>¥span><em>42.60em><br>共计<b>2b>件商品li>
		<li class="col04"><a href="place_order.html">去结算a>li>
	ul>

	<div class="footer">
		<div class="foot_link">
			<a href="#">关于我们a>
			<span>|span>
			<a href="#">联系我们a>
			<span>|span>
			<a href="#">招聘人才a>
			<span>|span>
			<a href="#">友情链接a>		
		div>
		<p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reservedp>
		<p>电话:010-****888    京ICP备*******8号p>
	div>
	
body>
html>

你可能感兴趣的:(前端,天天生鲜项目,我的购物车页)