3 Star 0 Fork 0

LXQ/school-feature

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
school_weibo.html 18.65 KB
一键复制 编辑 原始数据 按行查看 历史
LiangYongHu 提交于 2021-12-01 00:42 . 完善
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>校园微博</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="./css/iconfont.css">
<link rel="stylesheet" href="./css/lightColor.css" id="colorCss">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/school_weibo.css">
</head>
<!-- https://weibo.com/newlogin?tabtype=weibo&gid=102803&url=https%3A%2F%2Fweibo.com%2F -->
<body class="weibo_body">
<!-- 点击图片遮罩弹窗 -->
<div class="mask" id="mask" onclick="closeMask(event)">
<div class="mask-content" onclick="event.stopPropagation()">
<div id="prve" onclick="maskPrve(event)">
</div>
<img id="maskImg" src="#" alt="">
<div id="next" onclick="maskNext(event)">
</div>
</div>
</div>
<!-- 主题色弹窗 -->
<div id="change-theme">
<div id="theme-content">
<div class="change-theme-box">
<span>颜色</span>
</div>
<div class="change-theme-check">
<label for="dark">深色<input type="radio" name="changeBtn" id="dark" value="深色"
onclick="changeTheme('dark')"></label>
<label for="fade">浅色<input type="radio" name="changeBtn" id="fade" value="浅色"
onclick="changeTheme('fade')"></label>
</div>
</div>
</div>
<!-- 返回顶部 -->
<div id="scrollTop"></div>
<div class="header">
<div class="container">
<div class="row">
<div class="h-nav col-lg-4 col-md-2 col-sm-12 col-xs-12">
<div class="h-logo" onclick="window.location = './index.html'">
<span>青春</span><i class="h-logo-text"> · 曾是个瞬间</i>
</div>
<div class="hamburger">
<div class="hamburger-icon" id="hamburgerBtn" onclick="openHamburger()">
<div class="hamburger-icon-line"></div>
<div class="hamburger-icon-line"></div>
<div class="hamburger-icon-line"></div>
</div>
<div class="hamburger-content" id="hamburger-content" style="display: none;">
<ul class="hamburger-list-ul">
<li><a href="./index.html">首页</a></li>
<li><a href="./campus.html">校园空间</a></li>
<li class="active"><a href="school_weibo.html">校园微博</a></li>
<li><a href="association.html">社团活动</a></li>
<li><a href="search_notice.html">寻物启事</a></li>
<li><a href="user_info.html">个人中心</a></li>
<span class="iconfont icon-yanse" onclick="openThemeWin()"></span>
</ul>
</div>
</div>
</div>
<div class="h-list col-lg-8 col-md-10">
<ul class="h-list-ul">
<li><a href="./index.html">首页</a></li>
<li><a href="./campus.html">校园空间</a></li>
<li class="active"><a href="school_weibo.html">校园微博</a></li>
<li><a href="association.html">社团活动</a></li>
<li><a href="search_notice.html">寻物启事</a></li>
<li><a href="user_info.html">个人中心</a></li>
<span class="iconfont icon-yanse" onclick="openThemeWin()"></span>
</ul>
</div>
</div>
</div>
</div>
<div class="scrollbar">
<div class="weibo">
<div class="weibo_header">
<!-- <h1>校园微博</h1> -->
<div class="weibo_search_div">
<input type="text" placeholder="喜讯:我校学生在2021年全区师范生信息化教学应用大赛中喜获佳绩">
<i>
<svg t="1637854642360" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="8878" width="64" height="64">
<path
d="M400.085333 151.210667c-89.059556 0-172.672 47.616-218.197333 124.273777a14.222222 14.222222 0 1 0 24.462222 14.535112c40.433778-68.067556 114.659556-110.364444 193.735111-110.364445a14.222222 14.222222 0 1 0 0-28.444444zM170.197333 336.298667a14.236444 14.236444 0 0 0-17.080889 10.609777c-4.252444 18.147556-6.656 29.397333-6.656 49.592889a14.222222 14.222222 0 1 0 28.444445 0c0-17.137778 1.92-26.083556 5.902222-43.121777a14.222222 14.222222 0 0 0-10.609778-17.080889z"
fill="" p-id="8879"></path>
<path
d="M947.384889 821.944889L717.809778 592.384a70.584889 70.584889 0 0 0-16.64-12.472889 346.254222 346.254222 0 0 0 47.36-175.089778c0-192.142222-156.302222-348.444444-348.444445-348.444444-192.128 0-348.444444 156.302222-348.444444 348.444444s156.316444 348.430222 348.444444 348.430223c68.408889 0 132.209778-19.882667 186.083556-54.058667 2.915556 4.821333 6.570667 9.472 10.951111 13.852444l229.575111 229.589334a84.849778 84.849778 0 0 0 60.359111 24.974222 84.821333 84.821333 0 0 0 60.344889-24.974222 84.778667 84.778667 0 0 0 24.974222-60.330667 84.920889 84.920889 0 0 0-24.988444-60.359111zM108.529778 404.835556c0-160.768 130.787556-291.555556 291.555555-291.555556 160.782222 0 291.555556 130.787556 291.555556 291.555556 0 160.782222-130.801778 291.541333-291.555556 291.541333-160.768 0-291.555556-130.759111-291.555555-291.541333z m798.620444 497.578666c-10.766222 10.723556-29.496889 10.723556-40.248889 0L637.340444 672.839111c-1.991111-1.976889-2.730667-3.299556-2.830222-3.299555 0.042667-0.611556 0.824889-6.471111 17.080889-22.698667 16.213333-16.256 22.072889-16.995556 22.257778-17.109333 0.369778 0.113778 1.692444 0.853333 3.740444 2.887111l229.546667 229.560889c5.390222 5.390222 8.334222 12.529778 8.334222 20.138666a28.401778 28.401778 0 0 1-8.32 20.096z"
fill="" p-id="8880"></path>
</svg>
</i>
</div>
</div>
<div class="weibo_main weibo_page_width">
<ul class="weibo_class">
<li>
<svg t="1637854362863" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="4115" width="64" height="64">
<path
d="M726.4 201.6c-12.8-9.6-28.8-6.4-38.4 0-9.6 9.6-16 25.6-9.6 38.4 6.4 12.8 9.6 28.8 12.8 44.8-86.4-201.6-230.4-246.4-236.8-249.6-9.6-3.2-22.4 0-28.8 6.4-9.6 6.4-12.8 19.2-9.6 28.8 12.8 86.4-25.6 188.8-115.2 310.4-6.4-25.6-16-51.2-32-80-9.6-9.6-22.4-16-35.2-12.8-16 3.2-25.6 12.8-25.6 28.8-3.2 48-25.6 92.8-51.2 140.8-22.4 41.6-44.8 86.4-54.4 134.4-32 150.4 99.2 329.6 233.6 380.8 9.6 3.2 19.2 6.4 32 9.6-25.6-19.2-41.6-51.2-48-96-25.6-195.2 185.6-246.4 195.2-425.6 153.6 105.6 224 336 137.6 505.6 3.2 0 6.4-3.2 9.6-3.2 0 0 3.2 0 3.2-3.2 163.2-89.6 252.8-208 259.2-345.6 16-211.2-163.2-390.4-198.4-412.8z"
fill="#2c2c2c" p-id="4116"></path>
</svg>
热门微博
</li>
<li>
<svg t="1637854503091" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="4711" width="64" height="64">
<path
d="M511.956 62C263.426 62 62 263.426 62 511.956c0 83.4 23.112 161.176 62.572 228.143L80.28 933.264l177.082-50.444c72.415 49.829 160.121 79.181 254.595 79.181 248.53 0 449.956-201.426 449.956-449.956 0-248.618-201.426-450.044-449.956-450.044z m47.105 485.988H458.875l37.087-101.944h100.186l-37.087 101.944z m-22.234 61.165H436.641l-26.276 72.239c-5.712 15.73-23.112 23.903-39.108 18.104-15.907-5.8-24.08-23.377-18.368-39.02l18.719-51.323h-39.987c-17.049 0-30.847-13.534-30.847-30.583 0-16.873 13.973-30.583 30.847-30.583h62.22l37.087-101.944h-58.002c-17.049 0-30.847-13.534-30.847-30.583 0-16.873 13.973-30.583 30.847-30.583h80.324l20.213-55.541c5.712-15.73 23.112-23.903 39.108-18.104 15.907 5.8 24.08 23.377 18.367 39.02l-12.567 34.626h100.186l20.213-55.541c5.712-15.73 23.112-23.903 39.108-18.104 15.907 5.8 24.08 23.377 18.368 39.02l-12.567 34.626h20.301c17.049 0 30.847 13.534 30.847 30.583 0 16.873-13.972 30.583-30.847 30.583h-42.534l-37.087 101.944h38.317c17.049 0 30.847 13.534 30.847 30.583 0 16.873-13.972 30.583-30.847 30.583h-60.55l-26.276 72.239c-5.712 15.73-23.112 23.903-39.108 18.104-15.907-5.8-24.08-23.377-18.367-39.02l18.456-51.322z"
p-id="4712"></path>
</svg>
话题榜
</li>
<li>
<svg t="1637854642360" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="8878" width="64" height="64">
<path
d="M400.085333 151.210667c-89.059556 0-172.672 47.616-218.197333 124.273777a14.222222 14.222222 0 1 0 24.462222 14.535112c40.433778-68.067556 114.659556-110.364444 193.735111-110.364445a14.222222 14.222222 0 1 0 0-28.444444zM170.197333 336.298667a14.236444 14.236444 0 0 0-17.080889 10.609777c-4.252444 18.147556-6.656 29.397333-6.656 49.592889a14.222222 14.222222 0 1 0 28.444445 0c0-17.137778 1.92-26.083556 5.902222-43.121777a14.222222 14.222222 0 0 0-10.609778-17.080889z"
fill="" p-id="8879"></path>
<path
d="M947.384889 821.944889L717.809778 592.384a70.584889 70.584889 0 0 0-16.64-12.472889 346.254222 346.254222 0 0 0 47.36-175.089778c0-192.142222-156.302222-348.444444-348.444445-348.444444-192.128 0-348.444444 156.302222-348.444444 348.444444s156.316444 348.430222 348.444444 348.430223c68.408889 0 132.209778-19.882667 186.083556-54.058667 2.915556 4.821333 6.570667 9.472 10.951111 13.852444l229.575111 229.589334a84.849778 84.849778 0 0 0 60.359111 24.974222 84.821333 84.821333 0 0 0 60.344889-24.974222 84.778667 84.778667 0 0 0 24.974222-60.330667 84.920889 84.920889 0 0 0-24.988444-60.359111zM108.529778 404.835556c0-160.768 130.787556-291.555556 291.555555-291.555556 160.782222 0 291.555556 130.787556 291.555556 291.555556 0 160.782222-130.801778 291.541333-291.555556 291.541333-160.768 0-291.555556-130.759111-291.555555-291.541333z m798.620444 497.578666c-10.766222 10.723556-29.496889 10.723556-40.248889 0L637.340444 672.839111c-1.991111-1.976889-2.730667-3.299556-2.830222-3.299555 0.042667-0.611556 0.824889-6.471111 17.080889-22.698667 16.213333-16.256 22.072889-16.995556 22.257778-17.109333 0.369778 0.113778 1.692444 0.853333 3.740444 2.887111l229.546667 229.560889c5.390222 5.390222 8.334222 12.529778 8.334222 20.138666a28.401778 28.401778 0 0 1-8.32 20.096z"
fill="" p-id="8880"></path>
</svg>
热搜榜
</li>
</ul>
<div class="weibo_list">
<ul>
<li class="weibo_list_card_1">
<div class="weibo_card_header">
<img src="images/weibo/user_weibo_avator.jpg" alt="">
<div>
<span class="following">+ 关注</span>
<h4>广西科师表白墙</h4>
<span>1小时前 来自 iPhone 13 Pro Max</span>
<p>
要是能和某个人一起面对这个夜晚,
微笑地看着他,把手搭在他的肩膀上,
说“看,雪下得多大呀”,这该多好啊。
——帕乌斯托夫斯基《白色的虹》 ​​​
</p>
</div>
</div>
<div class="weibo_card_main weibo-li1 mask-imgList" onclick="openMask(event,'.weibo-li1')">
<ul>
<li><img src="images/weibo/psc.webp" alt=""></li>
<li><img src="images/weibo/psc (1).webp" alt=""></li>
<li><img alt="" src="images/weibo/psc (2).webp">
</li>
<li><img src="images/weibo/psc (3).webp" alt=""></li>
<li><img src="images/weibo/psc (4).webp" alt=""></li>
<li><img src="images/weibo/psc (5).webp" alt=""></li>
<li><img src="images/weibo/psc (6).webp" alt=""></li>
<li><img src="images/weibo/psc (7).webp" alt=""></li>
<li><img src="images/weibo/psc (8).webp" alt=""></li>
</ul>
</div>
<div class="weibo_card_bottom">
</div>
</li>
<li class="weibo_list_card_1">
<div class="weibo_card_header">
<img src="images/excellent.webp" alt="">
<div>
<span class="following">+ 关注</span>
<h4>Eexcllent</h4>
<span>1小时前 来自 iPhone 13 Pro Max</span>
<p>
A cool girl is = 不卑不亢 不阿谀奉承 不道是非 不听流言 不随波逐流 活出自己 吃好喝好玩好[心][月亮]希望大家都是cool girl ​
</p>
</div>
</div>
<div class="weibo_card_main weibo-li2 mask-imgList" onclick="openMask(event,'.weibo-li2')">
<ul>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
<li><img src="images/weibo/121-300x300.jpg" alt=""></li>
</ul>
</div>
<div class="weibo_card_bottom">
</div>
</li>
</ul>
</div>
<div class="weibo_hot">
<h3>热搜小时榜</h3>
<ul>
<li><a href="news_reading.html">喜讯:我校荣获“广西高校大学生创新创业典型示范基地”称号</a></li>
<li><a href="news_reading.html">红水河学术大讲堂</a></li>
<li><a href="news_reading.html">《百年大党与百年未有之大变局》</a></li>
<li><a href="news_reading.html">11月份党建工作例会</a></li>
<li><a href="news_reading.html">外国语学院召开青年教师教学</a></li>
<li><a href="news_reading.html">“点燃读书热情, 共建书香校园”阅读分享会</a></li>
</ul>
</div>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="footer-contact">
<div class="footer-contact-title">
<span>Contact</span> Information
</div>
<div class="footer-contact-detail">
<p>联系Q Q: 888888888</p>
<p>手机号码: 888888888</p>
<p>联系邮箱: 888888888</p>
<p>团队成员: 廖保发、梁兴权、梁泳湖</p>
<p>联系地址: 广西科技师范学院</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="footer-leave">
<div class="footer-leave-title">
发表您的留言:
</div>
<p><label for="">姓名:</label> <input type="text" placeholder="请输入姓名"></p>
<p> <label for="">电子邮箱: </label><input type="text" placeholder="请输入电子邮箱"></p>
<p> <label for="">留言: </label><textarea name="" id="" cols="30" rows="3"
placeholder="留言内容"></textarea>
</p>
<button>提交</button>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
&copy; 网页大赛比赛使用
</div>
</div>
</div>
<script src="js/common.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/ExcellentLXQ/school-feature.git
git@gitee.com:ExcellentLXQ/school-feature.git
ExcellentLXQ
school-feature
school-feature
master

搜索帮助