new_desc.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
  6. name="viewport">
  7. <meta content="ie=edge" http-equiv="X-UA-Compatible">
  8. <title>详情页</title>
  9. <link href="static/css/amazeui.min.css" rel="stylesheet" />
  10. <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/c/font_2056629_854fb8uummi.css" />
  11. <link href="static/css/wapcommon.css" rel="stylesheet" type="text/css" />
  12. <style>
  13. .am-breadcrumb-line>li+li:before {
  14. content: "-\00a0";
  15. }
  16. .line {
  17. border: 1rem solid #b20024;
  18. }
  19. a {
  20. text-decoration: none !important;
  21. }
  22. .am-menu-offcanvas1 .am-menu-toggle {
  23. position: absolute;
  24. right: 2.4rem;
  25. display: block;
  26. width: 2rem;
  27. height: 2rem;
  28. line-height: 5rem;
  29. text-align: center;
  30. top: -6.5rem;
  31. color: #fff
  32. }
  33. .menu {
  34. font-size: 2.56rem !important;
  35. }
  36. .am-article-meta {
  37. margin-top: 1rem;
  38. }
  39. .wap-yqlj {
  40. font-size: 1.3rem;
  41. display: flex;
  42. flex-direction: row;
  43. flex-wrap: wrap;
  44. /* justify-content: center; */
  45. width: 90%;
  46. margin: 1.6rem auto;
  47. }
  48. .wap-footer-b p {
  49. font-size: 1.3rem;
  50. padding: 0 1%;
  51. }
  52. .am-article-bd {
  53. line-height: 3rem;
  54. }
  55. .am-menu-offcanvas1 .am-menu-sub {
  56. border-top: 1px solid rgba(0, 0, 0, .3);
  57. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  58. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  59. padding: 5px 0 5px 15px;
  60. background-color: #1a1a1a;
  61. font-size: 1.6rem;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <header data-am-widget="header" class="am-header am-header-default">
  67. <div class="am-header-left am-header-nav">
  68. <img src="static/images/logo@2x.png" width="100%;">
  69. </div>
  70. <div class="am-header-nav search">
  71. <a href="#right-link">
  72. <i class="iconfont iconsousuo2 am-header-icon"></i>
  73. <i class="iconfont iconshuxian" style="font-size: 24px;margin-left: 5px;"></i>
  74. </a>
  75. </div>
  76. </header>
  77. <nav data-am-widget="menu" class="am-menu am-menu-offcanvas1" data-am-menu-offcanvas>
  78. <a href="javascript: void(0)" class="am-menu-toggle">
  79. <i class="iconfont iconliebiao wap-liebiao menu"></i>
  80. </a>
  81. <div class="am-offcanvas">
  82. <div class="am-offcanvas-bar">
  83. <ul class="am-menu-nav sm-block-grid-1">
  84. <li class="am-parent">
  85. <a href="##">学校概括</a>
  86. <ul class="am-menu-sub am-collapse sm-block-grid-2 ">
  87. <li><a>学校简介</a></li>
  88. <li><a href="/info/iList.jsp?cat_id=11691">历史沿革</a></li>
  89. <li><a href="/info/iList.jsp?cat_id=11692">校徽校训</a></li>
  90. <li><a href="/info/iList.jsp?cat_id=11684">现任领导</a></li>
  91. <li><a href="/info/iList.jsp?cat_id=13568">历任领导</a></li>
  92. <li><a href="/info/iList.jsp?cat_id=11693">历史荣耀</a></li>
  93. <li><a href="/info/iList.jsp?cat_id=11698">校园风光</a>
  94. </ul>
  95. </li>
  96. <li class="am-parent">
  97. <a href="##">机构设置</a>
  98. <ul class="am-menu-sub am-collapse sm-block-grid-3 ">
  99. <li class="">
  100. <a href="##">教学单位</a>
  101. </li>
  102. <li class="">
  103. <a href="##">管理机构</a>
  104. </li>
  105. </ul>
  106. </li>
  107. <li class="am-parent">
  108. <a href="#c3">师资队伍</a>
  109. <ul class="am-menu-sub am-collapse sm-block-grid-3">
  110. <li class="">
  111. <a href="##">领军人物</a>
  112. </li>
  113. <li class="">
  114. <a href="##">中青年骨干教师</a>
  115. </li>
  116. </ul>
  117. </li>
  118. <li class="am-parent">
  119. <a href="##">人才培养</a>
  120. <ul class="am-menu-sub am-collapse sm-block-grid-3">
  121. <li><a class="es" href="/info/iList.jsp?cat_id=11704">人才培养目标</a></li>
  122. <li><a class="es" href="/info/iList.jsp?cat_id=11705">专业建设</a></li>
  123. <li><a class="es" href="/info/iList.jsp?cat_id=11706">教学改革</a></li>
  124. <li><a class="es" href="/info/iList.jsp?cat_id=11708">一流课程</a></li>
  125. <li class="es"><a class="es" href="/info/iList.jsp?cat_id=11709">实习(训)基地</a></li>
  126. <li class="last"><a class="es" href="/info/iList.jsp?cat_id=11707">产教融合</a></li>
  127. </ul>
  128. </li>
  129. <li class="am-parent">
  130. <a href="##">招生就业</a>
  131. <ul class="am-menu-sub am-collapse sm-block-grid-3">
  132. <li><a class="es" href="http://zs.wsyu.edu.cn/">招生</a></li>
  133. <li><a class="es" href="http://wsyu.91wllm.com/">就业</a></li>
  134. </ul>
  135. </li>
  136. <li class="">
  137. <a href="##">科学研究</a>
  138. </li>
  139. <li class="">
  140. <a href="##">合作交流</a>
  141. </li>
  142. <li class="am-parent">
  143. <a href="##">文化之窗</a>
  144. <ul class="am-menu-sub am-collapse sm-block-grid-3">
  145. <li><a class="es" href="/info/iList.jsp?cat_id=11664">首义印迹</a></li>
  146. <li><a class="es" href="/info/iList.jsp?cat_id=11722">文化四合院</a></li>
  147. <li class="es"><a class="es" href="/info/iList.jsp?cat_id=11666">服务信息</a></li>
  148. <li class="last"><a class="es"
  149. href="http://www.wsyu.edu.cn/info/iList.jsp?cat_id=11667">全景校园</a></li>
  150. </ul>
  151. </li>
  152. </ul>
  153. </div>
  154. </div>
  155. </nav>
  156. <div class="am-g">
  157. <div class="am-u-lg-12 am-u-sm-12 am-u-md-12">
  158. <ol class="am-breadcrumb am-breadcrumb-line" style="font-size: 12px;">
  159. <li><a class="am-icon-home" href="#">首页</a></li>
  160. <li><a href="#">新闻中心</a></li>
  161. <li class="am-active">学校要闻</li>
  162. </ol>
  163. </div>
  164. <div class="am-u-lg-12 am-u-sm-12 am-u-md-12">
  165. <article class="am-article">
  166. <div class="am-article-hd">
  167. <h1 class="am-article-title" style="font-size: 2.2rem;line-height: 2.8rem;">
  168. 永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶</h1>
  169. <p class="am-article-meta">2023-05-12</p>
  170. </div>
  171. <div class="am-article-divider line"></div>
  172. <div class="am-g">
  173. <div class="am-u-lg-12 am-u-sm-12 am-u-md-12">
  174. <div class="am-slider am-slider-default" id="demo-slider-0">
  175. <ul class="am-slides">
  176. <li><img src="http://amazeui.shopxo.net/static/images/001.jpg" /></li>
  177. <li><img src="http://amazeui.shopxo.net/static/images/002.jpg" /></li>
  178. </ul>
  179. </div>
  180. <div class="am-g am-g-fixed">
  181. <div
  182. class="am-u-lg-4 am-u-lg-offset-2 am-u-sm-offset-2 am-u-md-offset-2 am-u-sm-4 am-u-md-4">
  183. <a href="javascript:void(0)" id="prev_banner" style="color: #b9baba">
  184. <span><<< </span>
  185. <span>上一张 </span>
  186. </a>
  187. </div>
  188. <div
  189. class="am-u-lg-5 am-u-lg-offset-1 am-u-sm-offset-1 am-u-md-offset-1 am-u-sm-5 am-u-md-5">
  190. <a href="javascript:void(0)" id="next_banner" style="color: #b9baba">
  191. <span>下一张 </span>
  192. <span> >>> </span>
  193. </a>
  194. </div>
  195. </div>
  196. <div class="am-article-divider" style="border: 0.1rem silver dashed"></div>
  197. </div>
  198. <div class="am-u-lg-12 am-u-sm-12 am-u-md-12">
  199. <div class="am-article-bd">
  200. <!-- <p class="am-article-lead">-->
  201. 那时候刚好下着雨,柏油路面湿冷冷的,还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨,看绿色的邮筒孤独地站在街的对面。我白色风衣的大口袋里有一封要寄给南部的母亲的信。樱子说她可以撑伞过去帮我寄信。我默默点头。
  202. “谁叫我们只带来一把小伞哪。”她微笑着说,一面撑起伞,准备过马路帮我寄信。从她伞骨渗下来的小雨点,溅在我的眼镜玻璃上。
  203. 随着一阵拔尖的煞车声,樱子的一生轻轻地飞了起来。缓缓地,飘落在湿冷的街面上,好像一只夜晚的蝴蝶。
  204. 虽然是春天,好像已是秋深了。
  205. 她只是过马路去帮我寄信。这简单的行动,却要叫我终身难忘了。我缓缓睁开眼,茫然站在骑楼下,眼里裹着滚烫的泪水。世上所有的车子都停了下来,人潮涌向马路中央。没有人知道那躺在街面的,就是我的,蝴蝶。这时她只离我五公尺,竟是那么遥远。更大的雨点溅在我的眼镜上,溅到我的生命里来。
  206. 为什么呢?只带一把雨伞?
  207. 然而我又看到樱子穿着白色的风衣,撑着伞,静静地过马路了。她是要帮我寄信的。那,那是一封写给南部母亲的信。我茫然站在骑楼下,我又看到永远的樱子走到街心。其实雨下得并不大,却是一生一世中最大的一场雨。而那封信是这样写的,年轻的樱子知不知道呢?
  208. <!-- </p>-->
  209. </div>
  210. </div>
  211. </div>
  212. </article>
  213. </div>
  214. </div>
  215. <div class="wap-footer">
  216. <div class="wap-footer-t">
  217. <img src="static/images/logo@2x.png" style="display: block;width: 50%;margin: auto;">
  218. <div style="margin-top: 2rem;">
  219. <i class="iconfont iconweixin" style="font-size: 3.4rem;"></i>
  220. <i class="iconfont iconxinlangweibo" style="font-size: 3rem;"></i>
  221. </div>
  222. <div class="wap-yqlj">
  223. <a href="#">教务系统</a>
  224. <a href="#">校友会</a>
  225. <a href="#">招标投标</a>
  226. <a href="#">校长信箱</a>
  227. <a href="#">学校邮箱</a>
  228. <a href="#">图书馆</a>
  229. <a href="#">教学校历</a>
  230. <a href="#">在线办理</a>
  231. <a href="#">咨询服务</a>
  232. <a href="#">下载专区</a>
  233. <a href="#">价格服务</a>
  234. </div>
  235. </div>
  236. <div class="wap-footer-b">
  237. <p>地址:湖北省武汉市洪山区南李路22号</p>
  238. <p>邮政编码:430064</p>
  239. <p>电话:027-88426013</p>
  240. <p>传真-88426013</p>
  241. <p>鄂icp备1600181号-1</p>
  242. <p>您是第123456789位访问者</p>
  243. </div>
  244. </div>
  245. </body>
  246. </html>
  247. <script src="static/js/jquery.min.js"></script>
  248. <script src="static/js/amazeui.min.js"></script>
  249. <script>
  250. $(function () {
  251. $("#demo-slider-0").flexslider({
  252. // animation:"fade",
  253. slideshow: false,
  254. controlNav: false,
  255. animationLoop: false,
  256. //reverse: true,
  257. })
  258. })
  259. $("#prev_banner").click(function () {
  260. $("#demo-slider-0").flexslider("prev")
  261. });
  262. $("#next_banner").click(function () {
  263. $("#demo-slider-0").flexslider("next")
  264. });
  265. </script>