网站设计建设步骤,做暖网站,手机小游戏网站大全,移动网站建设机构效果预览
首先#xff0c;看一下这个项目最开始的样子#xff1a;
左侧优化
将左侧优化为下面的样子#xff1a;
代码位置#xff1a;
代码如下#xff1a;
{% load i18n static admin_argon %}aside classsidenav bg-white navbar navbar-vertical na…效果预览
首先看一下这个项目最开始的样子
左侧优化
将左侧优化为下面的样子
代码位置
代码如下
{% load i18n static admin_argon %}aside classsidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 idsidenav-main{#左侧LOGO#}div classsidenav-headeri classfas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-nonearia-hiddentrue idiconSidenav/ia classnavbar-brand m-0 href/img src{% static img/logo-ct-dark.png %} classnavbar-brand-img h-100 altmain_logospan classms-1 font-weight-boldDjango后台管理系统/span/a/divhr classhorizontal dark mt-0div classcollapse navbar-collapse w-auto idsidenav-collapse-mainul classnavbar-nav{% admin_get_menu as app_list %}{% if app_list %}{% for app in app_list %}{% if app.has_perms and not app.pinned %}li classnav-itema classnav-link {% if app_label ! app.label and app.url not in request.path|urlencode %} collapsed{% endif %}data-bs-togglecollapse data-bs-target#submenu-{{ app.app_label }}href{{ app.url }}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri class{{ app.icon }} text-primary text-sm opacity-10/i/divspan classnav-link-text ms-1{{ app.label|slice:10 }}{% if app.label|length 10 %}..{% endif %}/span/a{% if app.models %}div classmulti-level ms-5 collapse {% if tables-bootstrap- in segment or app_label app.label or app.url in request.path|urlencode %} show {% endif %}rolelist idsubmenu-{{ app.app_label }}aria-expanded{% if app_label app.label or app.url in request.path|urlencode %}true{% else %}false{% endif %}ul classflex-column nav{% for model in app.models %}{% if model.url %}li classnav-item{% if bootstrap-tables in segment or model.url in request.path|urlencode %} active {% endif %} list-unstyleda classnav-link href{{ model.url }}span classnav-link-text ms-1{{ model.label }}/span/a/li{% else %}li classnav-item list-unstyled{{ model.label }}/li{% endif %}{% endfor %}/ul/div{% endif %}/li{% endif %}{% endfor %}{% endif %}li classnav-item{% if request.user.is_superuser %}a href{% url admin:index %} classnav-link {% if index in segment %} active {% endif %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-tv-2 text-primary text-sm opacity-10/i/divspan classnav-link-text ms-1数据面板/span/a{% else %}a href{% url index %} classnav-link {% if index in segment %} active {% endif %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-tv-2 text-primary text-sm opacity-10/i/divspan classnav-link-text ms-1数据面板/span/a{% endif %}/li{% if request.user.is_authenticated and not request.user.is_superuser %}li classnav-itema classnav-link href{% url tables %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-calendar-grid-58 text-warning text-sm opacity-10/i/divspan classnav-link-text ms-1Tables/span/a/lili classnav-itema classnav-link href{% url billing %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-credit-card text-success text-sm opacity-10/i/divspan classnav-link-text ms-1Billing/span/a/lili classnav-itema classnav-link href{% url vr %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-app text-info text-sm opacity-10/i/divspan classnav-link-text ms-1Virtual Reality/span/a/lili classnav-itema classnav-link href{% url rtl %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-world-2 text-danger text-sm opacity-10/i/divspan classnav-link-text ms-1RTL/span/a/lili classnav-item mt-3h6 classps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6Account pages/h6/lili classnav-itema classnav-link href{% url profile %}div classicon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-centeri classni ni-single-02 text-dark text-sm opacity-10/i/divspan classnav-link-text ms-1Profile/span/a/li{% endif %}/ul/divdiv classsidenav-footer mx-3 div classcard card-plain shadow-none idsidenavCardimg classw-50 mx-auto src{% static img/illustrations/icon-documentation.svg %}altsidebar_illustrationdiv classcard-body text-center p-3 w-100 pt-0div classdocs-infoh6 classmb-0需要帮助/h6p classtext-xs font-weight-bold mb-0请点击链接/p/div/div/diva hrefhttps://github.com/zhangdapeng520 target_blankclassbtn btn-dark btn-sm w-100 mb-3源码下载/aa classbtn btn-primary btn-sm mb-0 w-100 hrefhttps://github.com/zhangdapeng520target_blank typebutton旗舰版本/a/div
/aside
