(43)-- Django框架之前台购物车界面

news/2024/4/24 5:37:16/

# Django框架之前台购物车界面


# index.html


<!DOCTYPE html>
<html lang="en" class="">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --><title>魅族官网商城-提供魅族手机 PRO系列、MX系列、魅蓝(Note)系列的预约和购买</title><meta name="description" content="魅族在线商城是魅族面向全国服务的官方电商平台,提供魅族PRO系列、MX系列、魅蓝(Note)系列的手机、配件和智能硬件的预约和购买。官方正品,全场包邮。"><meta name="Keywords" content="魅族手机官网商城、魅族官方在线商店、魅族在线商城、魅族官网在线商店、魅族商城"><link href="/static/myweb/public/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="/static/myweb/public/img/favicon.ico" rel="icon" type="image/x-icon"><!-- Bootstrap --><link href="/static/myweb/public/css/bootstrap.min.css" rel="stylesheet"><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="/static/myweb/public/js/jquery-1.12.4.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="/static/myweb/public/js/bootstrap.min.js"></script><!-- 兼任ie9以下 --><!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script><script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script><![endif]--><!-- 自定义 --><link rel="stylesheet" type="text/css" href="/static/myweb/public/css/global.css"><link rel="stylesheet" type="text/css" href="/static/myweb/public/css/app.css">{% block 'css' %}{% endblock %}<script type="text/javascript" src="/static/myweb/public/js/rem.js"></script><script type="text/javascript" src="/static/myweb/public/js/topNav.js"></script></head>
<body><!-- 导航 --> <div class="layout-header" id="scroll-wrap"><nav class="navbar navbar-default navbar-fixed-top header hidden-xs hidden-sm"><div class="container clearfix"><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><div class="layout-header-logo navbar-left"><a target="_blank" href="./index.html" class="layout-header-logo-link" alt="魅族科技"><img src="/static/myweb/public/img/logo.png"></a></div><ul class="nav navbar-nav navbar-right layout-header-service clearfix"><li class="layout-header-service-item" id="layoutHeaderUser"><a class="layout-header-service-link g-user" href="#"><i class="glyphicon glyphicon-user"></i>{{ request.session.VipUser.uname }}</a><div class="layout-user-downmenu"><ul class="layout-user-downmenu-list">{% if not request.session.VipUser.uid %}<li class="layout-user-downmenu-item"><a href="{% url 'login' %}" class="layout-user-downmenu-link">立即登录</a></li><li class="layout-user-downmenu-item"><a href="{% url 'register' %}" target="_blank" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_register">立即注册</a></li>{% endif %}<li class="layout-user-downmenu-item"><a href="{% url 'myorder' %}" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_myorder">我的订单</a></li><li class="layout-user-downmenu-item"><a href="#" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_mformy">M码通道</a></li></ul></div></li><li class="layout-header-service-item layout-header-service-cart" id="layoutHeaderCart"><a class="layout-header-service-link" href="{% url 'cartshow' %}" data-mtype="wmz_public_yt_cart"><i class="glyphicon glyphicon-shopping-cart"></i><span class="layout-header-service-cart-num">0</span></a></li></ul><ul class="nav navbar-nav navbar-right layout-header-nav clearfix"><li class="layout-header-nav-item"><a href="{% url 'index' %}" class="layout-header-nav-link">首页 </a><p class="line-top hidden-xs"></p></li>{% for v in types %}<li class="layout-header-nav-item"><a href="{% url 'list' v.id %}" class="layout-header-nav-link">{{ v.name }}</a></li>{% endfor %}<li class="layout-header-nav-item"><a href="#" class="layout-header-nav-link">社区</a></li>                          </ul>           </div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav><!-- 移动端结构 --><div class="scroll-view"><header id="header" class="header"><div class="logo"><a href="./index.html"><img src="/static/myweb/public/img/app/mlogo1.jpg"></a></div><div class="qtool"><a id="btn-search"><i class="glyphicon  glyphicon-search"></i></a><a href="#"><i class="glyphicon  glyphicon-shopping-cart"></i></a><a id="user-name" href="#"><i class="glyphicon glyphicon-user"></i></a></div></header></div></div><!-- 导航 E--> {% block 'body' %}<!-- 主内容区域 --><div class="mainbody app"><!-- banner 轮播 --><div class="headBanner"><div class="container-fluid"><div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><!-- Indicators --><ol class="carousel-indicators"><li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><li data-target="#carousel-example-generic" data-slide-to="1"></li><li data-target="#carousel-example-generic" data-slide-to="2"></li><li data-target="#carousel-example-generic" data-slide-to="3"></li></ol><!-- Wrapper for slides --><div class="carousel-inner app-banner" role="listbox"><div class="item active"><img src="/static/myweb/public/img/banner1.jpg" alt="" class="pcb-img"><img src="/static/myweb/public/img/app/m1.jpg" alt="" class="appb-img"></div><div class="item"><img src="/static/myweb/public/img/banner2.jpg" alt="" class="pcb-img"><img src="/static/myweb/public/img/app/m2.jpg" alt="" class="appb-img"></div><div class="item"><img src="/static/myweb/public/img/banner3.jpg" alt="" class="pcb-img"><img src="/static/myweb/public/img/app/m3.jpg" alt="" class="appb-img"></div><div class="item"><img src="/static/myweb/public/img/banner4.jpg" alt="" class="pcb-img"><img src="/static/myweb/public/img/app/m4.jpg" alt="" class="appb-img"></div></div><!-- Controls --><div class="hb-control hidden-xs hidden-sm"><a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div></div></div></div><!-- banner 轮播 E--><!-- 移动端 分类导航 --><div class="channel"><div class="row orient-h clearfix"><div class="item"><a href="#"><span style="background-image: url(./public/img/app/mi01.png);" class="icon"></span><span class="name">品牌日</span></a></div><div class="item"><a href="#"><span style="background-image: url(./public/img/app/mi02.png);" class="icon"></span><span class="name">分期免息购</span></a></div><div class="item"><a href="#"><span style="background-image: url(./public/img/app/mi03.png);" class="icon"></span><span class="name">我的订单</span></a></div><div class="item"><a href="./list.html"><span style="background-image: url(./public/img/app/mi04.png);" class="icon"></span><span class="name">分类</span></a></div></div></div><!-- 移动端 分类导航 E--><!-- 移动端广告和推荐 --><div class="act-bar"><a href="#"><img src="/static/myweb/public/img/app/mad1.jpg"></a></div><div class="hipost card"><div class="grids"><div class="row orient-h tricol"><div class="cell"><a href="./meilanx.html"><img class="" src="/static/myweb/public/img/app/mtj1.jpg"></a></div><div class="cell"><a href="./meilanx.html"><img class="" src="/static/myweb/public/img/app/mtj2.jpg"></a></div><div class="cell"><a href="./meilanx.html"><img class="" src="/static/myweb/public/img/app/mtj3.jpg"></a></div></div></div></div><!-- 移动端广告和推荐 --><!-- 头部 侧导航 --><ul class="home-category hidden-xs hidden-sm" id="homeCategory">{% for v in types %}<li class="home-category-item"><a href="{% url 'list' v.id %}" class="home-category-link">{{ v.name }}</a><div class="home-category-child clearfix"><div class="home-category-child-list clearfix">{% for vv in v.sub %}<a href="javascript:void(0)" class="home-category-child-item title" title="魅族手机">{{ vv.name }}{% for vvv in vv.glist %}<a class="home-category-child-item" href="{% url 'ginfo' vvv.id %}" target="_blank" ><img class="home-category-child-img" src="/static/goods/{{ vvv.picname }}" height="100" width="100"><div class="home-category-child-text">{{ vvv.title }}</div></a>{% endfor %}</a>{% endfor %}</div></div></li>{% endfor %}</ul><!-- 头部 侧导航 E--><!-- 头部 豆腐块 --><div class="headDoufu hidden-xs hidden-sm"><div class="container"><ul class="clearfix home-server"><li class="home-server-item home-server-icons clearfix"><a class="home-server-icon" href="#"><i class="glyphicon glyphicon-road"></i> M码通道</a><a class="home-server-icon" href="#"><i class="glyphicon glyphicon-retweet"></i> 以旧换新</a><a class="home-server-icon" href="#"><i class="glyphicon glyphicon-heart-empty"></i> 魅族意外保</a><a class="home-server-icon" href="#"><i class="glyphicon glyphicon-list-alt"></i> 回购单查询</a></li><li><a href="" class="ml8"><img src="/static/myweb/public/img/doufu1.jpg" alt=""></a></li><li><a href="" class="ml8"><img src="/static/myweb/public/img/doufu2.jpg" alt=""></a></li><li><a href="" class="ml8"><img src="/static/myweb/public/img/doufu3.png" alt=""></a></li><li><a href="" class="ml8"><img src="/static/myweb/public/img/doufu4.png" alt=""></a></li></ul></div></div><!-- 头部 豆腐块 E--><!-- 热卖推荐 --><div class="home-hot"><div class="container"><div id="carousel-example-generic2" class="carousel slide headhot-cont" data-ride="carousel"><div class="home-hot-header clearfix"><div class="hhh-title">热品推荐</div></div><!-- Wrapper for slides --><div class="carousel-inner home-hot-content" role="listbox"><ul class="item active clearfix home-hot-list"><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot1.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p><div class="home-product-sign" style="background-color: #f59646;">冠军</div></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot2.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p><div class="home-product-sign" style="background-color: #f59646;">亚军</div></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot3.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p><div class="home-product-sign" style="background-color: #f59646;">季军</div></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot4.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot5.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li></ul><div class="item clearfix"><ul class="item active clearfix"><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot6.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot7.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot8.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot9.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/hot10.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅蓝 Note5</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">                                    <span class="home-product-price">899<span class="home-product-start-tag">起</span> </span><span class="home-product-price origin">999</span>          </p></div></div></li></ul></div></div><!-- Controls --><a class="left carousel-control" href="#carousel-example-generic2" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel-example-generic2" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div></div></div><!-- 移动端结构 --><div class="card recommend"><div class="hd"><div class="tit">热品推荐</div></div><div class="grids clearfix"><div class="bloc"><a href="./meilanx.html"><div class="info"><div class="intro"><h3>魅蓝 5</h3><p class="comment">标配版限量出售</p></div><div class="price"><span class="p-sale">¥699</span></div></div><div class="pic"><img class="" src="/static/myweb/public/img/app/mhot1.png"></div></a></div><div class="bloc"><a href="#"><div class="info"><div class="intro"><h3>乐心ziva plus</h3><p class="sale-tag"><i>领券</i>新品有礼</p>   </div><div class="price"><span class="p-sale">¥499</span></div></div><div class="pic"><img class="" src="/static/myweb/public/img/app/mhot2.jpg"></div></a></div><div class="bloc"><a href="#"><div class="info"><div class="intro"><h3>魅族手环</h3><p class="comment">心率专家</p></div><div class="price"><span class="p-sale">¥229</span></div></div><div class="pic"><img class="" src="/static/myweb/public/img/app/mhot3.jpg"></div></a></div><div class="bloc"><a href="#"><div class="info"><div class="intro"><h3>魅蓝 A5</h3><p class="comment">享3期免息</p></div><div class="price"><span class="p-sale">¥699</span></div></div><div class="pic"><img class="" src="/static/myweb/public/img/app/mhot4.jpg"></div></a></div><div class="bloc"><a href="#"><div class="info"><div class="intro"><h3>电源适配器</h3><p class="comment">快速充电 安全无忧</p></div><div class="price"><span class="p-sale">¥89</span></div></div><div class="pic"><img class="" src="/static/myweb/public/img/app/mhot5.jpg"></div></a></div></div></div><!-- 移动端结构 E--><!-- 热卖推荐 E--><!-- 广告位1   --><div class="headAd hidden-xs hidden-sm"><div class="container"><a href=""><img src="/static/myweb/public/img/mbad.jpg" alt=""></a></div></div><!-- 广告位1   E--><!-- 楼层板块 --><div class="home-floor"><div class="container"><!-- 手机楼层 --><div class="home-floor-content phone card "><div class="hd"><h2 class="mbf-title tit">手机</h2></div><!-- Nav tabs --><ul class="nav nav-tabs mbf-nav hidden-xs hidden-sm" role="tablist"><li role="presentation" class="active"><a href="#phone1" aria-controls="phone1" role="tab" data-toggle="tab">热销机型</a></li></ul><a class="mbf-more" href="#" target="_blank">更多></a><!-- Tab panes --><div class="tab-content home-floor-product"><div role="tabpanel" class="tab-pane active" id="phone1"><ul class="item active clearfix"><li class="home-product first mmr10"><div class=""><img src="/static/myweb/public/img/phone2.jpg"></div></li><li class="home-product "><div class=""><img src="/static/myweb/public/img/phone1.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom"><span class="home-product-price">2880<span class="home-product-start-tag">起</span> </span></p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/phone3.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product "><div class=""><img src="/static/myweb/public/img/phone4.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom"><span class="home-product-price">2880<span class="home-product-start-tag">起</span> </span></p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/phone5.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom"><span class="home-product-price">2880<span class="home-product-start-tag">起</span> </span></p></div></div></li><li class="home-product "><div class=""><img src="/static/myweb/public/img/phone5.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom"><span class="home-product-price">2880<span class="home-product-start-tag">起</span> </span></p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/phone5.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom"><span class="home-product-price">2880<span class="home-product-start-tag">起</span> </span></p></div></div></li><li class="home-product "><div class=""><img src="/static/myweb/public/img/phone5.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/phone5.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom"><span class="home-product-price">2880<span class="home-product-start-tag">起</span> </span></p></div></div></li><li class="home-product "><div class=""><img src="/static/myweb/public/img/phone5.jpg" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li></ul></div></div><div class="home-floor-ad"><a href=""><img src="/static/myweb/public/img/ad2.jpg" alt="" class="pc-floor-ad"><img src="/static/myweb/public/img/app/mad2.jpg" alt="" class="app-floor-ad"></a></div></div>  <!-- 手机楼层 E--> <!-- 数码配件 楼层 --><div class="home-floor-content peijian"><h2 class="mbf-title">数码配件</h2><!-- Nav tabs --><ul class="nav nav-tabs mbf-nav clearfix hidden-xs hidden-sm" role="tablist-2"><li role="presentation" class="active"><a href="#pejian1" aria-controls="pejian1" role="tab" data-toggle="tab">超值推荐</a></li><li role="presentation"><a href="#pejian2" aria-controls="pejian2" role="tab" data-toggle="tab">耳机/音箱 </a></li><li role="presentation"><a href="#pejian3" aria-controls="pejian3" role="tab" data-toggle="tab">智能设备 </a></li><li role="presentation"><a href="#pejian4" aria-controls="pejian4" role="tab" data-toggle="tab">键盘鼠标</a></li></ul><a class="mbf-more" href="#" target="_blank">更多></a><!-- Tab panes --><div class="tab-content home-floor-product"><div role="tabpanel" class="tab-pane active clearfix" id="pejian1"><ul class="item active clearfix"><li class="home-product first mmr10"><div class=""><img src="/static/myweb/public/img/peijian1.jpg"></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product mmr10"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li></ul></div><div role="tabpanel" class="tab-pane clearfix hidden-xs hidden-sm" id="pejian2"><ul class="item clearfix"><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li></ul></div><div role="tabpanel" class="tab-pane clearfix hidden-xs hidden-sm" id="pejian3"><ul class="item clearfix"><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li></ul></div><div role="tabpanel" class="tab-pane clearfix hidden-xs hidden-sm" id="pejian4"><ul class="item clearfix"><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li><li class="home-product"><div class=""><img src="/static/myweb/public/img/peijian.png" class="home-product-img"><div class="caption"><h4 class="home-product-title">魅族 PRO 7</h4><h6 class="home-product-subtitle red"><span class="mb-hh-red">月销</span>  累计超18000台</h6><p class="home-product-bottom">   <span class="home-product-price">999</span><span class="home-product-price origin">1099</span>         </p></div></div></li></ul></div></div><div class="home-floor-ad"><a href=""><img src="/static/myweb/public/img/ad2.jpg" alt="" class="pc-floor-ad"><img src="/static/myweb/public/img/app/mad3.jpg" alt="" class="app-floor-ad"></a></div></div> <!-- 数码配件 E--> </div></div><!-- 楼层板块 E--></div>{% endblock %}<!-- 主内容区域  E--><!-- 底部区域 --><footer class="layout-footer  hidden-xs hidden-sm"><div class="container"><div class="layout-footer-top clearfix"><ul class="layout-footer-services clearfix"><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank" ><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-sd-video"></i></span><span class="layout-footer-services-text">顺丰包邮</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-flash"></i></span><span class="layout-footer-services-text">100+ 城市次日送达</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank" ><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-repeat"></i></span><span class="layout-footer-services-text">7 天无理由退货</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank" ><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-refresh"></i></span><span class="layout-footer-services-text">15 天换货保障</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-wrench"></i></span><span class="layout-footer-services-text">1 年免费保修</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-map-marker"></i></span><span class="layout-footer-services-text">2300+ 线下体验店</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-sort"></i></span><span class="layout-footer-services-text">远程支持服务</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank" data-mtype="wmz_public_foot_homerepair"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-home"></i></span><span class="layout-footer-services-text">上门快修</span></a></li></ul><div class="layout-footer-contact"><p class="layout-footer-contact-desc">24小时全国服务热线</p><a href="tel:400-788-3333" class="layout-footer-contact-tel">400-788-3333</a><p><a href="javascript:void(0);" class="layout-footer-contact-online"><i class="layout-font layout-font-talk1"></i><span class="text">在线客服</span></a></p></div></div><div class="layout-footer-bottom clearfix"><ul class="layout-footer-interlock clearfix"><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">了解魅族</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link" >加入我们</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link" >联系我们</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link" >Flyme</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">魅族社区</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">天猫旗舰店</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link" >问题反馈</a></li><li class="layout-footer-interlock-item"><a href="//www.meizu.com/authorization.html" target="_blank" class="layout-footer-interlock-link" >线上销售授权名单公示</a></li></ul><div class="layout-footer-copyright clearfix"><span class="layout-footer-copyright-left"><a class="layout-footer-copyright-link copyright-text">&copy;2017 Meizu Telecom Equipment Co., Ltd. All rights reserved.</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" target="_blank">粤ICP备13003602号-2</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" target="_blank">合字B2-20170010</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" target="_blank">营业执照</a><a class="layout-footer-copyright-link" hidefocus="true" href="3" target="_blank">法律声明</a><a class="layout-footer-copyright-link">粤公网安备 44049102496009 号</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" rel="nofollow" target="_blank"><i class="layout-icon layout-icon-license"></i></a><a class="layout-footer-copyright-link" hidefocus="true" href="#" rel="nofollow" target="_blank"><i class="layout-icon layout-icon-wel"></i></a><a class="layout-footer-copyright-link" hidefocus="true" href="#" rel="nofollow" target="_blank"><i class="layout-icon layout-icon-trust"></i></a></span><ul class="layout-footer-media clearfix"><li class="layout-footer-media-item"><a href="http://weibo.com/meizumobile" class="layout-footer-media-link"><i class="layout-font layout-font-weibo"></i></a></li><li class="layout-footer-media-item"><a href="javascript:void(0);" class="layout-footer-media-link wechat"><i class="layout-font layout-font-wechat"></i><div class="layout-footer-media-wechat-qrcode"><img class="layout-footer-media-wechat-img" src="" alt="微信二维码"></div></a></li><li class="layout-footer-media-item"><a href="#" class="layout-footer-media-link"><i class="layout-font layout-font-qzone"></i></a></li></ul></div></div></div></footer><!-- 底部区域 E --><!-- 返回顶部 --><div class="layout-magnet layout-magnet-show">  <div class="layout-magnet-item layout-magnet-item-top"><a href="javascript:void(0);" class="layout-magnet-link" data-mtype="wmz_public_cbxf_top"><div class="layout-magnet-icon"><i class="glyphicon glyphicon-menu-up"></i></div></a></div></div><!-- 返回顶部 E--><script type="text/javascript">//回顶部backTop();//顶部导航鼠标经过出现内容topNav();//登录图片鼠标经过topLogin();//leftNav();</script>{% block 'js' %}{% endblock %}</body>
</html>

# cart.html

<!DOCTYPE html>
<html lang="en" class=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --><title>购物车-我的购物车</title><meta name="description" content="购物车,我的购物车"><meta name="Keywords" content="魅族手机官网商城、魅族官方在线商店、魅族在线商城、魅族官网在线商店、魅族商城、魅蓝商城"><link href="/static/myweb/public/img/favicon.ico" rel="shortcut icon" type="image/x-icon" /><link href="/static/myweb/public/img/favicon.ico" rel="icon" type="image/x-icon"><!-- Bootstrap --><link href="/static/myweb/public/css/bootstrap.min.css" rel="stylesheet"><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="/static/myweb/public/js/jquery-1.12.4.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="/static/myweb/public/js/bootstrap.min.js"></script><!-- 兼任ie9以下 --><!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script><script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script><![endif]--><!-- 自定义 --><link rel="stylesheet" type="text/css" href="/static/myweb/public/css/global.css"><link rel="stylesheet" type="text/css" href="/static/myweb/public/css/app.css"><link rel="stylesheet" type="text/css" href="/static/myweb/public/css/cart.css"><link rel="stylesheet" type="text/css" href="/static/myweb/public/css/cart-app.css"><script type="text/javascript" src="/static/myweb/public/js/rem.js"></script><script type="text/javascript" src="/static/myweb/public/js/topNav.js"></script>
</head><body class="cart-app"><!-- 导航 --><div class="layout-header" id="scroll-wrap"><nav class="navbar navbar-default header hidden-xs hidden-sm"><div class="container clearfix"><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><div class="layout-header-logo navbar-left"><a target="_blank" href="./index.html" class="layout-header-logo-link" alt="魅族科技"><img src="/static/myweb/public/img/logo.png"></a></div><div class="navbar-left"><ol class="breadcrumb"><li class="active">购物车</li><li>确认订单</li><li>在线支付</li><li>完成 </li></ol></div></div></div></nav><!-- 移动端结构 --><div class="scroll-view"><header id="header" class="header"><div class="logo"><a href="./index.html"><img src="/static/myweb/public/img/app/mlogo1.jpg"></a></div><div class="qtool"><a id="btn-search"><i class="glyphicon  glyphicon-search"></i></a><a href="#"><i class="glyphicon  glyphicon-shopping-cart"></i></a><a id="user-name" href="#"><i class="glyphicon glyphicon-user"></i></a></div></header></div></div><!-- 导航 E--><!-- 主内容区域 --><div class="mainbody cart"><div class="container"><!-- 购物车详情头 --><table class="cart-header"><tbody><tr><td class="cart-col-select col-md-3 col-xs-3 col-sm-3"><div class="cart-select-all JSelectAll"><div class="mz-checkbox"></div><span class="cart-select-title">全选</span></div></td><td class="cart-col-name col-md-3 hidden-xs hidden-sm">商品</td><td class="cart-col-price col-md-2 hidden-xs hidden-sm">单价(元)</td><td class="cart-col-number col-md-2 hidden-xs hidden-sm">数量</td><td class="cart-col-total col-md-1 hidden-xs hidden-sm">小计(元)</td><td class="cart-col-ctrl col-md-1 hidden-xs hidden-sm">操作</td></tr></tbody></table><!-- 购物车详情头 E--><!-- 购物清单信息列表 --><div class="cart-merchant-list"><div class="cart-merchant"><table class="cart-merchant-body"><tbody>{% for v in request.session.cart.values %}<tr class="cart-product" id="pro5"><td class="cart-col-select col-md-3 col-xs-4 col-sm-4">  <div class="mz-checkbox" gid="{{ v.gid }}"></div> <a href="meilanx.html" class="cart-product-link" target="_blank"><img src="/static/goods/{{ v.picname }}" class="cart-product-img" alt="魅蓝 X"></a></td><td class="cart-col-name col-md-3 col-xs-8 col-sm-8"><a href="{% url 'ginfo' v.gid %}" class="cart-product-link" target="_blank"><p>{{ v.title }}</p></a></td><td class="cart-col-price col-md-2 hidden-xs hidden-sm"><p><span class="cart-product-price">{{v.price }}</span></p></td><td class="cart-col-number col-md-2 hidden-xs hidden-sm"><div class="cart-product-number-adder"><p class="cart-product-number-max show"></p><div class="mz-adder"><button class="mz-adder-subtract" οnclick="location.href='/cartedit?gid={{ v.gid }}&num={{ v.num|add:-1 }}'"></button><div class="mz-adder-num"><input class="mz-adder-input" value="{{ v.num }}" type="text"></div><button class="mz-adder-add" οnclick="location.href='/cartedit?gid={{ v.gid }}&num={{ v.num|add:1 }}'"></button></div></div></td><td class="cart-col-total col-md-1 hidden-xs hidden-sm"><span class="cart-product-price total">{% widthratio v.num 1 v.price %}</span></td><td class="cart-col-ctrl col-md-1 hidden-xs hidden-sm"><div class="cart-product-remove" οnclick="location.href='/cartdel?gid={{v.gid}}'"><span class="glyphicon glyphicon-remove"></span></div></td></tr>{% endfor %}</tbody></table></div></div><!-- 购物清单信息列表 E--></div><!-- 结算详情 --><div class="cart-footer" id="cartFooter"><div class="container"><div class="cart-footer-left col-md-6 col-xs-4 col-sm-4"><div class="cart-select-all JSelectAll" data-mdesc="全选按钮" data-mtype="store_cart_all"><div class="mz-checkbox"></div><span class="cart-select-title">全选</span></div><!-- <span class="cart-remove-selected" id="removeSelected">删除选中的商品</span> --><span class="cart-footer-count">共<span class="cart-footer-num" id="totalCount"></span>件商品</span><a href="{% url 'cartclear' %}" class="mz-btn error" style="background: #f39;color:#fff">清空</a></div><form action="{% url 'orderadd' %}" method="post" οnsubmit="loadTotal();"><div class="cart-footer-right col-md-5 col-md-offset-1 col-sm-offset-2 col-xs-8 col-sm-6"><span class="cart-footer-sum"><span class="cart-footer-text">已优惠</span><span class="cart-footer-num red" id="totalDiscount">0.00</span><span class="cart-footer-text">元, 合计(不含运费):</span><span class="cart-footer-total" id="totalPrice"></span></span>{% csrf_token %}<input type="hidden" name="ids" value=""><button class="mz-btn success" id="cartSubmit">去结算</button></div></form></div></div><!-- 结算详情 E--></div><!-- 主内容区域 E--><!-- 底部区域 --><footer class="layout-footer  hidden-xs hidden-sm"><div class="container"><div class="layout-footer-top clearfix"><ul class="layout-footer-services clearfix"><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-sd-video"></i></span><span class="layout-footer-services-text">顺丰包邮</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-flash"></i></span><span class="layout-footer-services-text">100+ 城市次日送达</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-repeat"></i></span><span class="layout-footer-services-text">7 天无理由退货</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-refresh"></i></span><span class="layout-footer-services-text">15 天换货保障</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-wrench"></i></span><span class="layout-footer-services-text">1 年免费保修</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-map-marker"></i></span><span class="layout-footer-services-text">2300+ 线下体验店</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-sort"></i></span><span class="layout-footer-services-text">远程支持服务</span></a></li><li class="layout-footer-services-item"><a href="#" class="layout-footer-services-link" target="_blank" data-mtype="wmz_public_foot_homerepair"><span class="layout-footer-service-wrap"><i class="glyphicon glyphicon-home"></i></span><span class="layout-footer-services-text">上门快修</span></a></li></ul><div class="layout-footer-contact"><p class="layout-footer-contact-desc">24小时全国服务热线</p><a href="tel:400-788-3333" class="layout-footer-contact-tel">400-788-3333</a><p><a href="javascript:void(0);" class="layout-footer-contact-online"><i class="layout-font layout-font-talk1"></i><span class="text">在线客服</span></a></p></div></div><div class="layout-footer-bottom clearfix"><ul class="layout-footer-interlock clearfix"><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">了解魅族</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">加入我们</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">联系我们</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">Flyme</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">魅族社区</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">天猫旗舰店</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">问题反馈</a></li><li class="layout-footer-interlock-item"><a href="#" target="_blank" class="layout-footer-interlock-link">线上销售授权名单公示</a></li></ul><div class="layout-footer-copyright clearfix"><span class="layout-footer-copyright-left"><a class="layout-footer-copyright-link copyright-text">&copy;2017 Meizu Telecom Equipment Co., Ltd. All rights reserved.</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" target="_blank">粤ICP备13003602号-2</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" target="_blank">合字B2-20170010</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" target="_blank">营业执照</a><a class="layout-footer-copyright-link" hidefocus="true" href="3" target="_blank">法律声明</a><a class="layout-footer-copyright-link">粤公网安备 44049102496009 号</a><a class="layout-footer-copyright-link" hidefocus="true" href="#" rel="nofollow" target="_blank"><i class="layout-icon layout-icon-license"></i></a><a class="layout-footer-copyright-link" hidefocus="true" href="#" rel="nofollow" target="_blank"><i class="layout-icon layout-icon-wel"></i></a><a class="layout-footer-copyright-link" hidefocus="true" href="#" rel="nofollow" target="_blank"><i class="layout-icon layout-icon-trust"></i></a></span><ul class="layout-footer-media clearfix"><li class="layout-footer-media-item"><a href="http://weibo.com/meizumobile" class="layout-footer-media-link"><i class="layout-font layout-font-weibo"></i></a></li><li class="layout-footer-media-item"><a href="javascript:void(0);" class="layout-footer-media-link wechat"><i class="layout-font layout-font-wechat"></i><div class="layout-footer-media-wechat-qrcode"><img class="layout-footer-media-wechat-img" src="" alt="微信二维码"></div></a></li><li class="layout-footer-media-item"><a href="#" class="layout-footer-media-link"><i class="layout-font layout-font-qzone"></i></a></li></ul></div></div></footer><!-- 底部区域 E --><!-- 返回顶部 --><div class="layout-magnet layout-magnet-show"><div class="layout-magnet-item layout-magnet-item-top"><a href="javascript:void(0);" class="layout-magnet-link" data-mtype="wmz_public_cbxf_top"><div class="layout-magnet-icon"><i class="glyphicon glyphicon-menu-up"></i></div></a></div></div><!-- 返回顶部 E--><script type="text/javascript">//回顶部backTop();//全选allSelect();//商品数量加减cartAddMin();function loadTotal(){var ids = []// 获取已经选中的商品list = $('.cart-merchant-body tr .cart-col-select .checked');for (var i = 0; i < list.length; i++) {// 在所有选中的商品中获取商品idids.push($(list[i]).attr('gid'))// list[i].getAttribute('gid') 原生js// $(list[i]).attr('gid') jquery// list[i].attr('gid') X  list[i]原生js  .attr()jquery}// [1,2,3] == 1,2,3idstr = ids.join(',')$('form input[type=hidden][name=ids]').val(idstr)// return false;}</script>
</body></html>





兄弟连学python


Python学习交流、资源共享群:563626388 QQ



http://www.ppmy.cn/news/312324.html

相关文章

curl伪造ip请求

1.模拟浏览器常用的useragent /** 模拟常用浏览器的useragent*/public function getAgent(){$agentarry ["微信内置浏览器" > "Mozilla/5.0 (Linux; Android 6.0; 1503-M02 Build/MRA58K) AppleWebKit/537.36 (KHTML,…

区分不同的user-agent

开发十年&#xff0c;就只剩下这套架构体系了&#xff01; >>> 最近项目需求&#xff0c;需要根据不同的客户端来源做不同的操作。最终敲定一下解决方案 首先&#xff0c;请求中都带有userAgent&#xff0c;我们可以根据userAgent的不同来区分 微信的userAgent中都…

模板-测试报告-AAA系统android应用V1.1.0测试报告

AAA系统android应用V1.1.0测试报告 版次 V1.1.0 密级 内部公开 总页数 附录 5 编写人 张三 编写时间 2018-02-03 文件修改记录 修改日期 修改状态 修改页码及条款 修改人 审核人 批准人 目录 目录 1 1 测试总结 2 1.1结论 2 1.2建议 2 2 测试概要 2 2.1测试方案 2 2.2测试人…

UA 列表

设备系统浏览器User-AgentiPhoneIOSQQ浏览器Mozilla/5.0 (iPhone 84; CPU iPhone OS 10_3_3 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.0 MQQBrowser/7.8.0 Mobile/14G60 Safari/8536.25 MttCustomUA/2 QBWebViewType/1 WKType/1荣耀9AndroidQQ浏览器…

《魂斗罗:归来》卖“情怀”?不!质量体系来撑腰

一、项目背景 6月&#xff0c;拥有著名游戏IP&#xff0c;击中玩家“情怀”痛点的手游《魂斗罗&#xff1a;归来》启动不删档测试&#xff0c;上线后不久就杀进国内各家应用分发平台畅销榜前三甲&#xff0c;良好势头一直保持至今。 《魂斗罗&#xff1a;归来》的游戏品质、著名…

Python 安卓群控随机修改机型

想过重新编译环境变量&#xff0c;对于某些Android4.0版本并不适用&#xff0c;运行不起来&#xff0c;利用adb修改 build.prop文件达到修改机型的目的效果也不错。 Root 首先需要手机root&#xff0c;群控的手机貌似都root&#xff0c;没root的自行root。 修改build.prop P…

usb计算机连接 灰色,USB调试选项显示为灰色

如何为LG Optimus(LGD415)启用USB调试。Android版本4.4.2(KitKat)的 去这个网站和驱动程序下载到您的手机&#xff1a; http://www.lg.com/us/support/mobile-support 例如&#xff0c;我将是&#xff1a; HTTP&#xff1a;// WWW。 lg.com/us/support-mobile/lg-LGD415RD。然后…

魅蓝3如何root_我的魅蓝3系统是5.1.4.2Y,怎么获取root权限,不是说魅蓝官网开放权限了吗?登录账户找不到啊?...

之前也是想root在知乎上找不到办法&#xff0c;前段时间终于搞定&#xff0c;希望有帮助。 首先感谢制作魅蓝3 Android ROM的大神----眷恋阳阳 想必很多人跟我一样&#xff0c;在购买了魅蓝3之后才发现系统是YunOS&#xff0c;且官方固件并没有Android版本&#xff0c;魅族官方…

魅蓝3如何root_魅蓝3获取root权限及刷入Android过程

首先感谢制作魅蓝3 Android ROM的大神----眷恋阳阳 想必很多人跟我一样&#xff0c;在购买了魅蓝3之后才发现系统是YunOS&#xff0c;且官方固件并没有Android版本&#xff0c;魅族官方也没有给用户开放“获取root权限”的功能。这意味着魅蓝3(YunOS系统)不能使用xpose框架&…

魅族魅蓝手机刷错系统开不了机怎么办?试试线刷!已成功救砖!

最近&#xff0c;折腾了一下魅蓝 3S手机&#xff0c;因为是以前的手机&#xff0c;忘记了手机型号&#xff0c;印象中是魅蓝 note3&#xff0c;所以在下载固件&#xff08;系统&#xff09;的时候选错了&#xff0c;结果导致开不了机&#xff0c;是那种全黑屏的情况&#xff0c…

魅蓝3卡插上显示无服务器,给魅蓝3插卡的方法步骤 _ 路由器设置|192.168.1.1|无线路由器设置|192.168.0.1 - 路饭网...

给魅蓝3插卡的方法步骤 昨日下午&#xff0c;魅族再次发布了一款青年良品---魅蓝3&#xff0c;相比前一代魅蓝2有一定的提升。此次带来的魅蓝3同样采用了单卡槽双卡设计&#xff0c;支持双卡双待&#xff0c;之前新全网通&#xff0c;支持TF卡扩展&#xff0c;所以相比魅蓝3在安…

魅蓝3 官方android系统,魅蓝3获取ROOT权限及刷入Android系统过程

首先感谢制作魅蓝3 Android ROM的大神----眷恋阳阳 想必很多人跟我一样&#xff0c;在购买了魅蓝3之后发现系统是YunOS&#xff0c;且官方固件没有Android版本&#xff0c;魅族官方也没有给用户开放“获取root权限”的功能。这意味着魅蓝3(YunOS系统)不能使用xpose框架&#x…

随机变量X,Y同分布

对于X,Y同分布&#xff0c;则X和Y取某个值或落在某个特定区间的概率相等&#xff0c;即P&#xff08;X&#xff09;P&#xff08;Y&#xff09; Be continue…

ECharts关于y轴刻度调整

修改y轴刻度之后是这样的 直接上代码 yAxis: {min:0, //取0为最小刻度max: 100, //取100为最大刻度min:dataMin, //取最小值为最小刻度max: dataMax, //取最大值为最大刻度min: function(value) {//取最小值向下取整为最小刻度return Math.floor(value.min)},max: function(va…

关于x>y?x:y的含义

关于x>y?x:y的含义 解析 x>y是个逻辑表达式&#xff0c;如果表达式为真&#xff0c;取?后面的值x&#xff0c;否则取y cx>y?x:y c就是取x和y中大的值

EchartsY轴刻度自适应

earchs图表的y轴 根据后端返回的数据 进行刻值 比如最高是0.05 则y轴最高是0.05 最高是100则y轴最高是100 yAxis: {type:value,//关键scale:true}earchs里面有 这个属性的 就是这两 不过还可以通过min 和 max来设置 yAxis&#xff1a;{min: (value) > {return value.min},ma…

npm init、npm init -y

npm init npm init -y 命令的作用是&#xff1a; 对项目进行初始化操作&#xff0c;对包进行管理 -y 的含义&#xff1a;yes的意思&#xff0c;在init的时候省去了敲回车的步骤&#xff0c;生成的默认的package.json

Echarts双Y轴,右侧Y轴标签不显示

先说一下如何实现双y轴&#xff0c;echarts中有个控制y轴的属性叫yAxis&#xff0c;这个属性可以是对象也可以是数组。当我们只设置一个Y轴时&#xff0c;它为对象&#xff1b;当我们要设置多个Y轴时&#xff0c;它是个数组。所以我们要设置双y轴&#xff0c;它就需要为数组&am…

echarts y轴数据添加单位

效果图如下&#xff1a; 解决方法如下&#xff1a; 转自&#xff1a;https://blog.csdn.net/royal1235/article/details/80746878

y7000风扇清灰

今天周末&#xff0c;有时间了给电脑风扇清一下灰。 首先把电脑反过来&#xff0c;将螺丝拧下来。&#xff08;需要螺丝刀和撬片&#xff0c;没有也可以找其他替代品&#xff09; 向学长借的神器 从没有插口的那一端撬一下&#xff0c;不要急着打开。把左右usb口出撬一下&am…