Skip to content

石磊 / cihai

Go to a project
Commit 65d62ed8 by 石头
Options

整合词条页面

1 parent e20155b2
Inline Side-by-side
Showing 2 changed files with 15 additions and 79 deletions
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/theme/detail.jsp
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<div class="navbar"> <div class="navbar">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="left"> <div class="left">
<a class="link back" href="/"> <a class="link back js-jump-page" href="/">
<i class="iconfont icon-jiantou"></i> <i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span> <span class="ios-only">返回</span>
</a> </a>
......
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/word/baike.jsp
...@@ -290,7 +290,7 @@ ...@@ -290,7 +290,7 @@
<div class="navbar"> <div class="navbar">
<div class="navbar-inner navbar-word-wiki"> <div class="navbar-inner navbar-word-wiki">
<div class="left"> <div class="left">
<a class="link back" href="/"> <a class="link back js-jump-page" href="/">
<i class="iconfont icon-jiantou"></i> <i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span> <span class="ios-only">返回</span>
</a> </a>
...@@ -332,13 +332,7 @@ ...@@ -332,13 +332,7 @@
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="${ctx}/static/temp/word-banner.jpg"> <img src="${word.baikePoster}">
</div>
<div class="swiper-slide">
<img src="${ctx}/static/temp/word-banner.jpg">
</div>
<div class="swiper-slide">
<img src="${ctx}/static/temp/word-banner.jpg">
</div> </div>
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
...@@ -363,50 +357,13 @@ ...@@ -363,50 +357,13 @@
</a> </a>
</span> </span>
</div> </div>
<div class="word-detail">长鼻目象科哺乳动物</div> <div class="word-detail">${word.category}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="word-cover-page"> <div class="word-cover-page">
<div class="word-card"> <div class="word-card">
<ul> ${word.baikeDescription}
<li>
<strong>门：</strong>
<span>脊索动物门</span>
</li>
<li>
<strong>亚门：</strong>
<span>脊椎动物亚门</span>
</li>
<li>
<strong>纲：</strong>
<span>哺乳纲</span>
</li>
<li>
<strong>亚纲：</strong>
<span>真兽亚纲</span>
</li>
<li>
<strong>目：</strong>
<span>长鼻目</span>
</li>
<li>
<strong>科：</strong>
<span>象科</span>
</li>
<li>
<strong>属：</strong>
<span>亚洲象属、非洲象属</span>
</li>
<li>
<strong>种：</strong>
<span>普通非洲象，非洲森林象，亚洲象</span>
</li>
<li>
<strong>分布区域：</strong>
<span>非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。</span>
</li>
</ul>
</div> </div>
</div> </div>
<div class="word-tab-cover"> <div class="word-tab-cover">
...@@ -429,38 +386,17 @@ ...@@ -429,38 +386,17 @@
</div> </div>
<div class="tab-con js-tab-con"> <div class="tab-con js-tab-con">
<div class="tab-panel active" id="tab01"> <div class="tab-panel active" id="tab01">
<div class="tip-box"> <%--<div class="tip-box">--%>
<span> 这段话可设置舒适的文字大小。</span> <%--<span> 这段话可设置舒适的文字大小。</span>--%>
<div class="tip-operation"> <%--<div class="tip-operation">--%>
<a class="large-btn" href="#">大</a> <%--<a class="large-btn" href="#">大</a>--%>
<a class="normal-btn" href="#">选中</a> <%--<a class="normal-btn" href="#">选中</a>--%>
<a class="small-btn" href="#">小</a> <%--<a class="small-btn" href="#">小</a>--%>
</div> <%--</div>--%>
</div> <%--</div>--%>
<div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div> <div class="article">${word.baikeParaphrase}</div>
</div>
<div class="tab-panel" id="tab02">
<div class="tip-box">
<span> 这里的段话，您可以设置舒适的文字大小。</span>
<div class="tip-operation">
<a class="large-btn" href="#">大</a>
<a class="normal-btn" href="#">选中</a>
<a class="small-btn" href="#">小</a>
</div>
</div>
<div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div>
<div class="tab-panel" id="tab03">
<div class="tip-box">
<span> 这里的段话，您可以设置舒适的文字大小。</span>
<div class="tip-operation">
<a class="large-btn" href="#">大</a>
<a class="normal-btn" href="#">选中</a>
<a class="small-btn" href="#">小</a>
</div>
</div>
<div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</div> </div>
</div> </div>
</div> </div>
<div class="word-tab-cover"> <div class="word-tab-cover">
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!