代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
<script src="static/js/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<meta charset="utf-8">
<title></title>
<style>
.all1{
height: 2600px;
background-color: #151515;
}
.u1{
text-align: center;
background-color: #000000;
}
.d1{
background-color: #000000;
border: none;
}
.i1{
border:none;
background-color: #696969;
}
.mov{
width: 70%;
margin: 0 auto;
font-size: 15px;
}
.mova{
font-size: 15px;
color: white;
margin:10px 10px;
}
.mova1{
font-size: 20px;
border-radius: 3px;
margin: 20px;
color: #a2a2a2;
text-align: center;
border: 1px solid #a2a2a2;
}
.mova1:hover{
background-color: #a2a2a2;
color: #000000;
}
.mova2{
height: 100px;
margin: 40px 40px;
display: inline-block;
text-align: center;
}
.color{
color: #a2a2a2;
}
.movl{
float: left;
width: 20%;
height: 270px;
text-align: center;
}
a:hover{
color: #d8d7dc;
cursor: pointer;
text-decoration: none;
}
p{
color: white;
}
</style>
</head>
<body>
<div id="tempalte">
<div class="all1">
<div class="d1">
<nav class="navbar navbar-default d1">
<div class="container-fluid d1">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header d1">
<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>
<img src="static/img/logo.png" style="height: 50px;margin: 0;padding: 0;">
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="main.html">首页</a></li>
<li><a href="#">最新剧集</a></li>
<li><a href="comment.html">留言求篇</a></li>
<li><a href="#">最近更新</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">电影分类 <span class="caret"></span></a>
<ul class="dropdown-menu u1">
<li><a href="domestic.html"><p class="p1">国产电影</p></a></li>
<li><a href="#"><p class="p1">港台电影</p></a></li>
<li><a href="#"><p class="p1">欧美电影</p></a></li>
<li><a href="#"><p class="p1">日韩电影</p></a></li>
<li><a href="#"><p class="p1">亚太电影</p></a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control i1" placeholder="输入电影名搜索">
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li @click="forword()"><a href="#"><img style="width: 26px;height: 26px;border-radius: 13px;" :src="userimage" ><span> {{username}}</span></a></li>
<li><a href="1.html">登录</a></li>
<li><a href="2.html">注册</a></li>
<li @click="extit()"><a href="#">注销</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="mov">
<div style="width: 75%;float: left;background-color: #000000;border-radius: 5px;">
<div style="width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #383838;">
<a class="mova" href="main.html">首页</a>/<a class="mova" href="domestic.html">国产</a>/<p style="margin: 10px 10px;color: white;font-size: 15px;display: inline;">名字</p><br>
</div>
<div style="width: 100%;">
<div style="float: left;"><img src="static/img/p1.jpg" style=" height: 300px;border:20px solid rgba(0,0,0,0);"></div>
<div style="float: left;">
<h2>长白·太岁</h2>
<p class="color">导演：<span>闫洪定</span></p>
<p class="color">编剧：<span>黄肖英 / 银花火树</span></p>
<p class="color">主演：<span>蒙恩 / 郜思雯 / 袁志颖 / 丁柳雁</span></p>
<p class="color">类型：<span>剧情 / 奇幻 / 古装</span></p>
<p class="color">地区：<span>中国大陆</span></p>
<p class="color">语言：<span>汉语普通话</span></p>
<p class="color">好评率：<span>60%</span></p>
</div>
</div>
<div style="width: 100%;height: 300px;border-bottom: 1px solid #383838;"></div>
<div style="width: 100%;height: 40px;">
<div style="width: 96%;margin: 0 auto;border-left:2px solid #efe802;height: 20px;margin-top:10px;margin-bottom: 10px;">
<span style="margin: 5px 5px;color: #a2a2a2;">电影简介：</span>
</div>
</div>
<div style="width: 96%;margin: 0 auto;height: 100px;margin-bottom: 10px;">
<p class="color">电影《长白·灵蛇传》续集，讲述长白山千年蛇仙柳龙庭与女娲后人白靖瑶相遇后，由利用关系逐步发展为爱情，经历重重误会坎坷、虐爱两生的故事</p>
</div>
<div style="width: 100%;height: 40px;border-top: 1px solid #383838;">
<div style="width: 96%;margin: 0 auto;border-left:2px solid #efe802;height: 20px;margin-top:10px;margin-bottom: 10px;">
<span style="margin: 5px 5px;color: #a2a2a2;">电影截图：</span>
</div>
</div>
<div style="width: 96%;margin: 0 auto;height: 1000px;margin-bottom: 10px;text-align: center;">
<img style="width: 70%;margin-top: 40px;" src="static/img/h1.jpg">
<img style="width: 70%;margin-top: 40px;" src="static/img/h1.jpg">
<img style="width: 70%;margin-top: 40px;" src="static/img/h1.jpg">
</div>
<div style="width: 100%;height: 40px;border-top: 1px solid #383838;">
<div style="width: 96%;margin: 0 auto;border-left:2px solid #efe802;height: 20px;margin-top: 10px;">
<span style="margin: 5px 5px;color: #a2a2a2;">电影播放：</span>
</div>
</div>
<a href="playvideo.html" class="mova1">HD1280 高清播放</a>
<a class="mova1">省流播放</a>
<div style="border-top: 1px solid #383838;margin-top: 20px;height: 150px;text-align: center;">
<a class="mova2"><img class="img" src="static/img/smile.png"><p style="margin-top: 10px;color: #a2a2a2;">赞</p></a>
<a class="mova2"><img src="static/img/cry.png"><p style="margin-top: 10px;color: #a2a2a2;">踩</p></a>
<a class="mova2"><img src="static/img/add-circle.png"><p style="margin-top: 10px;color: #a2a2a2;">收藏</p></a>
</div>
<div style="width: 100%;height: 40px;border-top: 1px solid #383838;">
<div style="width: 96%;margin: 0 auto;border-left:2px solid #efe802;height: 20px;margin-top: 10px;">
<span style="margin: 5px 5px;color: #a2a2a2;">电影推荐：</span>
</div>
</div>
<div style="width: 100%;">
<ul style="width: 96%;list-style: none;text-align: center;float: left;">
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
</ul>
</div>
<div style="width: 100%;">
<ul style="width: 96%;list-style: none;text-align: center;float: left;">
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
<li class="movl"><a><img style="width: 90%;" src="static/img/p1.jpg"></a><div style="height: 40px;line-height: 40px;"><p>名字<p><div><li>
</ul>
</div>
</div>
<div style="width: 24%;height: 1000px;float: right;background-color: #000000;border-radius: 5px;">
<div style="width: 92%;height: 20px;line-height: 20px;font-weight: 15px;margin: 0 auto;border-left:2px solid #efe802;margin-top: 10px;margin-bottom: 10px;">
<p style="margin: 5px 5px ;">评论：</p>
</div>
<div style="width: 100%;height: 1px;border-top: 1px solid #383838;"><div>
<div style="width: 92%;height: 40px;line-height: 40px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;">
<div style="height: 40px;width: 18%;border-radius: 20px;float: left;">
<img src="static/img/photo.png">
</div>
<div style="height: 40px;float: left;width: 82%;">
<div style="height: 20px;line-height: 20px;font-size: 15px;width: 40px;float: left;">名字</div>
<div style="height: 20px;line-height: 20px;font-size: 10px;width: 40px;float: left;">时间</div>
<div style="height: 20px;line-height: 20px;font-size: 15px;width: 40px;">内容</div>
</div>
</div>
<div style="width: 100%;height: 1px;border-top: 1px solid #383838;"></div>
<div style="width: 92%;height: 40px;line-height: 40px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;">
<div style="height: 40px;width: 18%;border-radius: 20px;float: left;">
<img src="static/img/photo.png">
</div>
<div style="height: 40px;float: left;width: 82%;">
<div style="height: 20px;line-height: 20px;font-size: 15px;width: 40px;float: left;">名字</div>
<div style="height: 20px;line-height: 20px;font-size: 10px;width: 40px;float: left;">时间</div>
<div style="height: 20px;line-height: 20px;font-size: 15px;width: 40px;">内容</div>
</div>
</div>
<div style="width: 100%;height: 1px;border-top: 1px solid #383838;"></div>
</div>
</div>
</div>
<div style="width: 24%;height: 300px;float: right;background-color: #000000;border-radius: 5px;margin-top: 12px;">
<div style="width: 92%;height: 20px;line-height: 20px;font-weight: 15px;margin: 0 auto;border-left:2px solid #efe802;margin-top: 10px;margin-bottom: 10px;">
<p style="margin: 5px 5px ;">免责声明：</p>
</div>
<div style="text-align: center;">
<div style="width: 92%;height: 150px;line-height: 40px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;">
本网站所有内容都是靠程序在互联网上自动搜集而来，仅供测试和学习交流。若侵犯了您的权益，请发邮件通知站长，收到邮件后24小时内删除。
</div>
</div>
<div style="width: 100%;height: 1px;border-top: 1px solid #383838;"></div>
<div style="width: 92%;height: 20px;line-height: 20px;font-weight: 15px;margin: 0 auto;border-left:2px solid #efe802;margin-top: 10px;margin-bottom: 10px;">
<p style="margin: 5px 5px ;">联系方式：</p>
</div>
<div style="text-align: center;">
<div style="width: 92%;height: 150px;line-height: 40px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;">
邮箱：hehonghui4@gmail.com
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="static/js/vue.js"></script>
<script type="text/javascript" src="static/js/axios.min.js"></script>
<script type="text/javascript" src="static/js/base.js"></script>
<script type="text/javascript" src="static/js/cookie_utils.js"></script>
<script>
var burl=Baseurl+"/user/extit";
var hurl=Baseurl+"/person/yan";
var vm=new Vue({
el:"#tempalte",
data:{
username:"",
userimage:"static/img/头像.png"
},
created() {
if(getCookieValue("username")==null || getCookieValue("username")=="null"){
this.username="";
this.userimage="static/img/头像.png";
}else{
this.username=getCookieValue("username");
this.userimage=getCookieValue("userimage");
}
},
methods:{
extit:function(){
var token=getCookieValue("token");
var username=getCookieValue("username");
axios({
method:"get",
url:burl,
headers:{
//设置请求头
token:token
}
}).then((res)=>{
var data=res.data;
if(data.code==10001){
// delCookie(token);
// delCookie(username);
clearAllCookie();
alert(data.msg);
vm.userimage="static/img/头像.png";
vm.username="";
}else{
alert(data.msg);
}
});
},
forword:function(){
var token=getCookieValue("token");
axios({
method:"get",
url:hurl,
headers:{
//设置请求头
token:token
}
}).then((res)=>{
var vo=res.data;
if(vo.code==10001){
setTimeout(function(){
window.location.href="personpage.html";
},10)
}else{
alert(vo.msg);
setTimeout(function(){
window.location.href="1.html";
},100)
}
});
}
}
});
</script>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
