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.

85 lines
3.4 KiB

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中国联通信息管理系统</title>
<link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
<style>
body {
background-color: #F8F8F8;
}
.navbar.navbar-default {
background-color: #E21A3F; /* 中国联通品牌红 */
border-color: transparent;
}
.navbar.navbar-default .navbar-brand,
.navbar.navbar-default .navbar-nav > li > a {
color: #FFFFFF; /* 文字白色 */
}
.navbar.navbar-default .navbar-brand:hover,
.navbar.navbar-default .navbar-nav > li > a:hover,
.navbar.navbar-default .navbar-nav > li > a:focus {
background-color: rgba(0,0,0,0.1); /* 轻微的透明度增加鼠标悬停效果 */
}
.navbar.navbar-default .navbar-toggle .icon-bar {
background-color: #FFFFFF; /* 汉堡菜单图标白色 */
}
.dropdown-menu {
background-color: #E21A3F; /* 下拉菜单背景红色 */
}
.dropdown-menu > li > a {
color: #FFFFFF; /* 下拉菜单文字白色 */
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: rgba(255,255,255,0.1); /* 下拉菜单选项鼠标悬停轻微透明度 */
}
</style>
{% block css %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">中国联通用户管理系统</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="/admin/list/">管理员账户</a></li>
<li><a href="/depart/list/">部门管理</a></li>
<li><a href="/user/list/">用户管理</a></li>
<li><a href="/chart/list/">数据统计</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">{{ request.session.info.name }} <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">个人资料</a></li>
<li><a href="#">我的信息</a></li>
<li role="separator" class="divider"></li>
<li><a href="/logout/">注销</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
{% block content %}{% endblock %}
</div>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
{% block js %}{% endblock %}
</body>
</html>