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.
173 lines
6.6 KiB
173 lines
6.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>第三组电影院全部</title>
|
|
<!-- 引入bootstrap的css -->
|
|
{% load static %}
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="{% static 'css/base.css' %}"/>
|
|
<link rel="stylesheet" type="text/css" href="{% static 'bootstrap/css/bootstrap.min.css' %}"/>
|
|
<!-- 引入Jquery -->
|
|
<script src="{% static 'js/jquery-3.6.0.js' %}"></script>
|
|
<!-- 包括所有bootstrap的js插件 -->
|
|
<script src=" {% static 'bootstrap/js/bootstrap.min.js' %}"></script>
|
|
<link type="text/css" rel="stylesheet" href="{% static 'swiper/swiper.min.css' %}"/>
|
|
|
|
<script src="{% static 'swiper/swiper.js' %}"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'css/type.css' %}"/>
|
|
|
|
<style>
|
|
body {
|
|
background: #12161c;
|
|
}
|
|
|
|
.free {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.m-item {
|
|
margin: 20px;
|
|
overflow: hidden;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
.m-item img {
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.m-item img:hover{
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.m-con {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div style="overflow: hidden">
|
|
<!-- 页眉 -->
|
|
<div id="header">
|
|
<nav class="navbar navbar-fixed-top" role="navigation" id="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse"
|
|
data-target="#bs-example-navbar-collapse-1">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar white-icon-bar"></span>
|
|
<span class="icon-bar white-icon-bar"></span>
|
|
<span class="icon-bar white-icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#">
|
|
<span>欢迎来到第三组电影院</span>
|
|
</a>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="" class="tab">首页</a></li>
|
|
<li><a href="/mall/" class="tab">商城</a></li>
|
|
{% if request.tracer %}
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
|
|
aria-haspopup="true"
|
|
aria-expanded="false">{{ request.tracer.username }}<span
|
|
class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="/user/center/userinfo">个人中心</a></li>
|
|
<li role="separator" class="divider"></li>
|
|
<li><a href="/logout/">退出登录</a></li>
|
|
</ul>
|
|
</li>
|
|
{% else %}
|
|
<li><a href="/user/login/" class="tab">登录</a></li>
|
|
{% endif %}
|
|
<li><a href="#" class="tab">退出</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="blur"></div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
<!-- 页面核心 -->
|
|
<div style="padding: 20px;width: 1200px;margin: 0 auto;margin-top: 100px;">
|
|
|
|
<div>
|
|
<form action="">
|
|
<div style="text-align: center">
|
|
<input type="text" name="keyword" value="{{ keyword }}" class="form-control" style="width: 400px;display: inline-block"
|
|
id="exampleInputEmail2" placeholder="请输入电影名称">
|
|
<button type="submit" class="btn btn-primary">搜索</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="m-con">
|
|
{% for movie in movie %}
|
|
<div class="m-item">
|
|
<a href="/movie/detail?id={{ movie.id }}">
|
|
<div style=" width: 140px; height: 210px; overflow: hidden">
|
|
<img src="/static/{{ movie.movieimge }}" alt="加载失败, 攻城狮正在修复ing">
|
|
</div>
|
|
|
|
<div style="margin-top: 10px">{{ movie.moviename }}</div>
|
|
<div style="color: #fff">{{ movie.moviedate }}</div>
|
|
<div>{{ movie.movietime }}</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 页脚 -->
|
|
<div class="free fl clearF">
|
|
<div class="one fl" style="float: left; margin-left: 50px; margin-right: 30px">
|
|
<p><a href="">关于我们</a></p>
|
|
<p><a href="">权威合作</a></p>
|
|
<p><a href="">合作专区</a></p>
|
|
<p><a href="">加入我们</a></p>
|
|
</div>
|
|
<div class="two fl" style="float: left; margin-left: 70px; margin-right: 30px">
|
|
<p><a href="">购物指南</a></p>
|
|
<p><a href="">购买流程</a></p>
|
|
<p><a href="">支付方式</a></p>
|
|
<p><a href="">配送流程</a></p>
|
|
</div>
|
|
<div class="stree fl" style="float: left; margin-left: 70px; margin-right: 30px">
|
|
<p><a href="">售后服务</a></p>
|
|
<p><a href="">退货流程</a></p>
|
|
<p><a href="">办理售后</a></p>
|
|
<p><a href="">七天退换</a></p>
|
|
</div>
|
|
<div class="fore fl" style="float: left; margin-left: 70px; margin-right: 30px">
|
|
<p><a href="">帮助中心</a></p>
|
|
<p><a href="">注册流程</a></p>
|
|
<p><a href="">联系客服</a></p>
|
|
<p><a href="">网站地图</a></p>
|
|
</div>
|
|
<div class="five fl" style="float: left; margin-left: 70px; margin-right: 30px">
|
|
<p><a href="">服务条款</a></p>
|
|
<p><a href="">终生保养</a></p>
|
|
<p><a href="">注册协议</a></p>
|
|
<p><a href="">隐私声明 </a></p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<script src="{% static 'js/base.js' %}" type="text/javascript"></script>> |