我的页面
3.1 mine页面
页面上的图标都是bootstrap网站上的图标。根据图标名称,css样式,去写一下mine页面,注意一下,模板的继承。
mine.html
{
% extends 'base_main.html' %}
{
% load static %}
{
% block ext_css %}
{
{
block.super }}
<link rel="stylesheet" href="{% static 'main/css/mine.css' %}">
{
% endblock %}
{
% block ext_js %}
{
{
block.super }}
<script type="text/javascript" src="{% static 'main/js/mine.js' %}"></script>
{
% endblock %}
{
% block content %}
<div id="mine">
<div class="fixed">
<span>
{
% if is_login %}
<img class="u_icon" src="{
{icon}}" alt="{
{username}}">
{
% else %}
<span class="glyphicon glyphicon-user"></span>
{
% endif%}
</span>
{
% if is_login %}
<p>{
{
username}}</p>
{
% else %}
<p id="not_login">未登录</p>
{
% endif%}
<p>
<span class="glyphicon glyphicon-fire"></span>
<span>等级</span>
</p>
{
% if not is_login %}
<div id="regis">注册</div>
{
% endif%}
<p>
<span class="glyphicon glyphicon-heart"></span>
<span>商品收藏</span>
</p>
</div>
<div class="mine">
<p>
<span>全部订单</span>
<a href="#">查看全部订单</a>
</p>
<nav id="nav">
<ul>
<li id="not_pay">
<dl>
{
% ifnotequal order_not_pay 0 %}
<span class="badge">
{
{
order_not_pay}}
</span>
{
% endifnotequal %}
<dt>
<span class="glyphicon glyphicon-usd"></span>
</dt>
<dd>待付款</dd>
</dl>
</li>
<li id="not_receive">
<dl>
{
% ifnotequal order_not_receive 0 %}
<span class="badge">
{
{
order_not_receive}}
</span>
{
% endifnotequal %}
<dt>
<span class="glyphicon glyphicon-envelope"></span>
</dt>
<dd>待收货</dd>
</dl>
</li>
<li>
<dl>