Skip to content

石磊 / cihai

Go to a project
Commit a6fada53 by 侯昆
Options

24节气修改

1 parent cd00176d
Expand all
Inline Side-by-side
Showing 7 changed files with 220 additions and 5 deletions
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/word/statement_baike.jsp
...@@ -94,7 +94,43 @@ ...@@ -94,7 +94,43 @@
<p>${item}</p> <p>${item}</p>
</c:forEach> </c:forEach>
<c:if test="${vo.word eq '二十四节气'}"> <c:if test="${vo.word eq '二十四节气'}">
<p><img style="max-width: 80%" src="/static/temp/season.jpg"></p> <div class="st-wrap">
<img src="/static/images/24.jpg" alt="">
<div class="st-links">
<div class="st-row">
<a class="st-link" href="/word/473"></a>
<a class="st-link" href="/word/463"></a>
<a class="st-link" href="/word/472"></a>
<a class="st-link" href="/word/462"></a>
<a class="st-link" href="/word/517"></a>
<a class="st-link" href="/word/470"></a>
</div>
<div class="st-row">
<a class="st-link" href="/word/476"></a>
<a class="st-link" href="/word/482"></a>
<a class="st-link" href="/word/477"></a>
<a class="st-link" href="/word/606"></a>
<a class="st-link" href="/word/483"></a>
<a class="st-link" href="/word/467"></a>
</div>
<div class="st-row">
<a class="st-link" href="/word/475"></a>
<a class="st-link" href="/word/465"></a>
<a class="st-link" href="/word/464"></a>
<a class="st-link" href="/word/479"></a>
<a class="st-link" href="/word/471"></a>
<a class="st-link" href="/word/480"></a>
</div>
<div class="st-row">
<a class="st-link" href="/word/474"></a>
<a class="st-link" href="/word/484"></a>
<a class="st-link" href="/word/468"></a>
<a class="st-link" href="/word/469"></a>
<a class="st-link" href="/word/481"></a>
<a class="st-link" href="/word/466"></a>
</div>
</div>
</div>
</c:if> </c:if>
<c:if test="${vo.word eq '鲁迅'}"> <c:if test="${vo.word eq '鲁迅'}">
<div class="media-yuci" id="accordion"> <div class="media-yuci" id="accordion">
......
serverside/cihai-app/src/main/webapp/static/24节气.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<title>24节气</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="container-fluid">
<div class="wrapper-ipad-app-h5">
<div class="header-main-2 clearfix">
<div class="header-main-left">
<h1>象</h1>
<div class="header-main-desc">
<div class="word-read">
<span>【xiàng】</span>
<a class="link js-play-voice" href="javascript:;">
<i class="icon icon-shengyin"></i>
</a>
</div>
<h4>长鼻目象科哺乳动物</h4>
</div>
</div>
<div class="header-main-right">
<div class="album">
<a>
<img src="temp/xiang.jpg">
<span>象图册（5）</span>
</a>
</div>
</div>
</div>
<div class="row encyclopedias">
<div class="col-sm-6">
<table>
<tbody>
<tr>
<th width="80">中文学名：</th>
<td>象</td>
</tr>
<tr>
<th>拉丁学名：</th>
<td>Elephantidae</td>
</tr>
<tr>
<th>别称：</th>
<td>大象</td>
</tr>
<tr>
<th>界：</th>
<td>动物界</td>
</tr>
<tr>
<th>门：</th>
<td>脊索动物门</td>
</tr>
<tr>
<th>亚门：</th>
<td>脊椎动物亚门</td>
</tr>
<tr>
<th>纲：</th>
<td>哺乳纲</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-6">
<table class="encyclopedias">
<tbody>
<tr>
<th width="80">亚纲：</th>
<td>真兽亚纲</td>
</tr>
<tr>
<th>目：</th>
<td>长鼻目</td>
</tr>
<tr>
<th>科：</th>
<td>象科</td>
</tr>
<tr>
<th>属：</th>
<td>亚洲象属、非洲象属</td>
</tr>
<tr>
<th>种：</th>
<td>普通非洲象，非洲森林象，亚洲象</td>
</tr>
<tr>
<th rowspan="2">分布区域：</th>
<td rowspan="2">非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边</td>
</tr>
</tbody>
</table>
</div>
</div>
<article class="content-detail">
<ul class="nav nav-tabs nav-tabs-main" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#content-detail-tab-0" role="tab" data-toggle="tab">释义</a>
</li>
</ul>
<div class="tab-content pt-3">
<div class="tab-pane show active" id="content-detail-tab-0" role="tabpanel">
<p>哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</p>
<div class="st-wrap">
<img src="./images/24.jpg" alt="">
<div class="st-links">
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
<div class="st-row">
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
<a class="st-link" href=""></a>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="js/plugins/echarts.min.js"></script>
<script src="js/plugins/echarts-gl.js"></script>
<script>
$(function() {
// 折叠展开
$('.js-collapse').each(function() {
var $this = $(this);
$($this.attr('href')).on('show.bs.collapse', function() {
$($this.siblings().attr('href')).collapse('hide');
});
});
});
</script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-app/src/main/webapp/static/css/vendor.css
This diff could not be displayed because it is too large.
serverside/cihai-app/src/main/webapp/static/js/vendor.js
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/index.jsp
...@@ -87,8 +87,8 @@ ...@@ -87,8 +87,8 @@
<div class="row"> <div class="row">
<div class="col-lg-11 col-lg-push-6 col-xs-24"> <div class="col-lg-11 col-lg-push-6 col-xs-24">
<div class="card"> <div class="card">
<div class="card-title">每日一字</div> <%--<div class="card-title">每日一字</div>--%>
<div class="card-title">推荐词条</div> <%--<div class="card-title">推荐词条</div>--%>
<div class="card-main"> <div class="card-main">
<div class="card-col card-character"> <div class="card-col card-character">
<div class="card-character-main"> <div class="card-character-main">
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
</div> </div>
<div class="col-lg-6 col-lg-pull-11 col-xs-12"> <div class="col-lg-6 col-lg-pull-11 col-xs-12">
<div class="card"> <div class="card">
<div class="card-title">知识专题</div> <%--<div class="card-title">知识专题</div>--%>
<div class="card-main"> <div class="card-main">
<div class="theme clearfix"> <div class="theme clearfix">
<a class="theme-cell" href="javascript:;">中国特色社会主义</a> <a class="theme-cell" href="javascript:;">中国特色社会主义</a>
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
</div> </div>
<div class="col-lg-7 col-xs-12"> <div class="col-lg-7 col-xs-12">
<div class="card"> <div class="card">
<div class="card-title">词云</div> <%--<div class="card-title">词云</div>--%>
<div class="card-main"> <div class="card-main">
<div class="word"></div> <div class="word"></div>
</div> </div>
...@@ -222,5 +222,17 @@ ...@@ -222,5 +222,17 @@
}); });
}); });
var ciyun = ['ciyun', 'ciyun2', 'ciyun3']
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive
}
var ran = getRandomInt(0, 3)
$(".word").css({
"background-image": "url(/static/images/" + ciyun[ran] + ".png)"
})
}) })
</script> </script>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!