代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css"/>
<link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css"/>
<link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css"/>
<link rel="stylesheet" href="css/interact_List_md.css" type="text/css"/>
<link rel="stylesheet" href="css/interact_List_sm.css"type="text/css">
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>
<body>
<!--头部导航栏，响应式，最小宽度768-->
<div class="nav">
<a class="logo_Astray">Astray</a>
<ul class="nav_ul">
<a href="index.html"><li class="nav_li nav_action">首页</li></a>
<a href="article_Index.html"><li class="nav_li">文章</li></a>
<a href="question_Index.html"><li class="nav_li">问答</li></a>
<a href="test_Index.html"><li class="nav_li">测试</li></a>
<a href="FM_Index.html"><li class="nav_li">FM</li></a>
<li class="nav_menu">
<ul class="nav_drop">
<li class="item">更多<span class="triangle"></span></li>
<a href="interact_List.html"><li class="item">动态</li></a>
<a href=""><li class="item">选项2</li></a>
</ul>
</li>
</ul>
<ul class="nav_ul_info">
<li class="nav_ul_info_li">
<a class="nav_ul_info_img" href="user_Center.html">
<img src="img/headPhoto.png" width="2rem">
</a>
<div id="user_infoBox">
<ul>
<li>
文章<br/>
<span>11</span>
</li>
<li>
提问<br/>
<span>11</span>
</li>
<li>回答<br/>
<span>11</span>
</li>
<li>收藏<br/>
<span>11</span>
</li>
</ul>
<dl>
<dt>称号：</dt>
<dd><img src="img/jia.png" alt=""></dd>
<dd><img src="img/jia.png" alt=""></dd>
</dl>
<div>
<a>签到</a>
<a href="user_Info_baseInfo.html">前往个人信息>>></a>
</div>
</div>
</li>
<li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
<li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
</ul>
</div>
<!--</div>-->
<!--主体部分-->
<div class="interact_zhuti">
<!--左侧动态-->
<div class="left_side">
<ul>
<li class="dynamic default_dynamic"><a href="#">所有动态</a></li>
<li class="dynamic"><a href="#">我的动态</a></li>
<li class="dynamic"><a href="#">粉丝动态</a></li>
</ul>
</div>
<!--中间内容动态-->
<div class="interact_zhongjian">
<div class="interact_zhongyi3">
<div class="interact_tu"><img src="img/headPhoto.png">
<div class="interact_shi">2018-01-12 14:15:28</div>
</div>
<div class="interact_da"><p>发大水</p></div>
<div class="interact_nei">暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#
L百事中国的酷燃视频 暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....</div>
<div class="interact_tu1">
<img src="img/articlePic.png">
</div>
<div class="interact_caozuo">
<a href="#"><img src="img/点赞.png"></a>
<span>1212</span>
<a href="#"><img src="img/操作-评论.png"></a>
<span>1212121</span>
</div>
<!--用户评论-->
<div class="user_pingluo">
<!--评价内容-->
<div class="textarea_pingjia">
<input type="text" placeholder="请输入评价内容" class="input_text"/>
<div class="pinglon_anniu"><button class="pinglon_buttou">评论</button></div>
</div>
<div class="textarea_pingjia">
<div class="interact_tu2">
<img src="img/headPhoto.png">
<div class="interact_nicheng"><p>发大水</p></div>
</div>
<div class="interact_nei2">
暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....
</div>
<div class="interact_shi2">
2018-01-12 14:15:28
</div>
<div>
<a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
回复</a>
</div>
</div>
<!--评论回复-->
<div class="huifu">
<div class="interact_tu2">
<a href="#"> <img src="img/headPhoto.png"></a>
<div class="interact_nicheng">
<a href="#"> <p style="float: left;">陈燕</p></a>
<p style="float: left;color: #7e8e99;padding-left:5px;padding-right:5px; ">回复</p>
<a href="#"> <p style="float: left;">陈燕傻逼</p></a>
<div class="interact_huifu_1">
暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....
</div>
<div class="interact_shijian">
2018-01-12 14:15:28
</div>
<div class="huifu11">
<a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
回复</a>
</div>
</div>
</div>
</div>
<div style="text-align: center;">
<button class="jiazai">加载更多</button>
</div>
</div>
</div>
<div class="interact_zhongyi4">
<div class="interact_tu"><img src="img/headPhoto.png">
<div class="interact_shi">2018-01-12 14:15:28</div>
</div>
<div class="interact_da1"><p>发大水</p></div>
<div class="interact_nei">暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#
L百事中国的酷燃视频 暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....</div>
<div class="interact_tu1">
<img src="img/articlePic.png">
</div>
<div class="interact_caozuo">
<a href="#"><img src="img/点赞.png"></a>
<span>1212</span>
<a href="#"><img src="img/操作-评论.png"></a>
<span>1212121</span>
</div>
<!--用户评论-->
<div class="user_pingluo">
<!--评价内容-->
<div class="textarea_pingjia">
<input type="text" placeholder="请输入评价内容" class="input_text"/>
<div class="pinglon_anniu"><button class="pinglon_buttou">评论</button></div>
</div>
<div class="textarea_pingjia">
<div class="interact_tu2">
<img src="img/headPhoto.png">
<div class="interact_nicheng"><p>发大水</p></div>
</div>
<div class="interact_nei2">
暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....
</div>
<div class="interact_shi2">
2018-01-12 14:15:28
</div>
<div>
<a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
回复</a>
</div>
</div>
<!--评论回复-->
<div class="huifu">
<div class="interact_tu2">
<a href="#"> <img src="img/headPhoto.png"></a>
<div class="interact_nicheng">
<a href="#"> <p style="float: left;">陈燕</p></a>
<p style="float: left;color: #7e8e99;padding-left:5px;padding-right:5px; ">回复</p>
<a href="#"> <p style="float: left;">陈燕傻逼</p></a>
<div class="interact_huifu_1">
暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....
</div>
<div class="interact_shijian">
2018-01-12 14:15:28
</div>
<div class="huifu11">
<a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
回复</a>
</div>
</div>
</div>
</div>
<div style="text-align: center;">
<button class="jiazai">加载更多</button>
</div>
</div>
</div>
<div style="text-align: center;margin-top:30px;">
<a href="#"><img src="img/刷新.png"></a>
</div>
</div>
<!--右边部分-->
<div class="interact_you">
<!-- 详情-->
<div class="interact_you_buttoxian">
<p>
为了你，我可以站在教室一整天封你出现。
不要为了不必要的事情发货哦！！
</p>
<div class="Immediately_button">
<button class="Immediately_sign_up">立即分享</button>
</div>
</div>
<!--标签-->
<div class="laber_div">
<div class="laber"><a href="#">最新</a></div>
<div class="laber"><a href="#">最热</a></div>
<div class="laber"><a href="#">最热</a></div>
</div>
<div class="Xingfu_div">
<ul>
<li class="Xingfi_tit">幸福标签</li>
<li class="Xingfu_laber">
<a href="#"><div class="Xingfu_hov">幸福</div></a>
<a href="#"><div class="Xingfu_hov">幸福</div></a>
<a href="#"><div class="Xingfu_hov">幸福</div></a>
<a href="#"><div class="Xingfu_hov">幸福</div></a>
<a href="#"><div class="Xingfu_hov">幸福</div></a>
<a href="#"><div class="Xingfu_hov">幸福</div></a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手