Skip to content

石磊 / cihai

Go to a project
Commit 14c4681e by 石头
Options

更新静态页

1 parent a696f59d
Inline Side-by-side
Showing 10 changed files with 1030 additions and 1325 deletions
serverside/cihai-wechat/src/main/java/com/dookay/cihai/wechat/controller/WordController.java
...@@ -43,8 +43,9 @@ public class WordController extends BaseController { ...@@ -43,8 +43,9 @@ public class WordController extends BaseController {
@RequestMapping(value = "/detail/{id}", method = RequestMethod.GET) @RequestMapping(value = "/detail/{id}", method = RequestMethod.GET)
public ModelAndView detail(@PathVariable Long id) { public ModelAndView detail(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(id); WordDomain wordDomain = wordService.get(id);
ModelAndView mv = new ModelAndView("/portal/word/detail"); ModelAndView mv = new ModelAndView(wordDomain.getWord().length() >= 2 ? "/portal/word/detail" : "/portal/word/baike");
mv.addObject("word", wordDomain); mv.addObject("word", wordDomain);
return mv; return mv;
} }
} }
serverside/cihai-wechat/src/main/webapp/static/2-1字语词义.html
<!DOCTYPE html> <div class="page">
<html lang="zh-CN"> <div class="navbar">
<head> <div class="navbar-inner">
<meta charset="utf-8"> <div class="left">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui"> <a class="link back" href="/">
<meta name="apple-mobile-web-app-capable" content="yes"> <i class="iconfont icon-jiantou"></i>
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <span class="ios-only">返回</span>
<title>2-1字语词义</title> </a>
<link rel="stylesheet" href="css/vendor.css"> </div>
</head> <div class="right word-navbar-btn">
<body> <a class="panel-open" href="#" data-panel="right">
<div id="app"> <span class="icon icon-book"></span>
<div class="statusbar"></div> </a>
<div class="panel panel-right panel-cover panel-nav"> <a href="/word-wiki/">
<div class="page navbar-fixed page-side-nav"> <i class="iconfont icon-qiyeguanxitupu"></i>
<div class="navbar"> </a>
<div class="navbar-inner"> </div>
<div class="center" style="left:0">“象”在其他百科辞典的解释</div> </div>
</div>
<div class="toolbar">
<div class="toolbar-cover">
<a class="link-btn" href="#">
<i class="iconfont icon-xin"></i>
<span>116</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-fenxiang"></i>
<span>58</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-pinglun" style="top:1px"></i>
<span>79</span>
</a>
<div class="word-read">
<h1>象</h1>
<a class="link-voice" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="word-title">
<a class="word-title-pager prev active">语词
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner bg-farmland">象</h1>
<a class="word-title-pager next" href="/word-wiki/">百科
<span class="icon icon-word-next"></span>
</a>
</div>
<div class="card card-accordion">
<div class="card-content">
<div class="card-content-inner">
<div class="word-read">
<span>【xiàng】</span>
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div> </div>
</div> <div class="row">
<div class="page-content"> <div class="col-01">笔画：11</div>
<div class="page-side"> <div class="col-02">部首：豕</div>
<div class="list-block accordion-list"> <div class="col-03">四角号码：71220</div>
<ul> </div>
<li class="accordion-item"> <div class="row">
<a class="item-content item-link" href="#"> <div class="col-01">部外：4</div>
<div class="item-inner"> <div class="col-02">结构：上下</div>
<div class="item-title">辞海</div> <div class="col-03">繁体：象</div>
</div> </div>
</a> <strong>同音字</strong>
<div class="accordion-item-content"> <div class="word-item">
<div class="content-block"> <span>像</span>
<p> <span>相</span>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <span>向</span>
</p> <span>项</span>
<p> <span>巷</span>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国人名大词典（历史人物卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">历代名人并称辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">哲学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国哲学大辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国历史大辞典（全六卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">世界近代史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">东南亚历史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国文学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="view view-main view-init ios-edges" data-url="/"> <div class="list accordion-list inset accordion-list-spe">
<div class="page"> <ul>
<div class="navbar"> <li class="accordion-item">
<div class="navbar-inner"> <a class="item-link item-content" href="#">
<div class="left"> <div class="item-inner">
<a class="link back" href="/"> <div class="item-title">字源</div>
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div> </div>
<div class="right word-navbar-btn"> </a>
<a class="panel-open" href="#" data-panel="right"> <div class="accordion-item-content">
<span class="icon icon-book"></span> <div class="list list-word-evolution">
</a> <ul>
<a href="/word-wiki/"> <li>
<i class="iconfont icon-qiyeguanxitupu"></i> <img src="images/source.png">
</a> </li>
</ul>
</div> </div>
</div> </div>
</div> </li>
<div class="toolbar"> </ul>
<div class="toolbar-cover"> </div>
<a class="link-btn" href="#"> <div class="list accordion-list inset">
<i class="iconfont icon-xin"></i> <ul>
<span>116</span> <li class="accordion-item">
</a> <a class="item-link item-content" href="#">
<a class="link-btn" href="#"> <div class="item-inner">
<i class="iconfont icon-fenxiang"></i> <div class="item-title">书法</div>
<span>58</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-pinglun" style="top:1px"></i>
<span>79</span>
</a>
<div class="word-read">
<h1>象</h1>
<a class="link-voice" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div> </div>
</div> </a>
</div> <div class="accordion-item-content">
<div class="page-content"> <div class="list list-word-evolution">
<div class="word-title"> <div class="block">
<a class="word-title-pager prev active">语词 <ol class="list-paddingleft-2">
<span class="icon icon-word-prev"></span> <li data-num="1.">
</a> <p>
<h1 class="word-title-inner bg-farmland">象</h1> <strong>象牙的省称。</strong>
<a class="word-title-pager next" href="/word-wiki/">百科 </p>
<span class="icon icon-word-next"></span> <p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</a> </li>
</div> <li data-num="2.">
<div class="card card-accordion"> <p>
<div class="card-content"> <strong>形状。</strong>
<div class="card-content-inner"> </p>
<div class="word-read"> <p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
<span>【xiàng】</span> </li>
<a class="link" href="#"> <li data-num="3.">
<i class="iconfont icon-shengyin"></i> <p>
</a> <strong>模拟。</strong>
</div> </p>
<div class="row"> <p>如:象声;象形。</p>
<div class="col-01">笔画：11</div> </li>
<div class="col-02">部首：豕</div> <li data-num="4.">
<div class="col-03">四角号码：71220</div> <p>
</div> <strong>现象；表现。</strong>
<div class="row"> </p>
<div class="col-01">部外：4</div> <p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
<div class="col-02">结构：上下</div> </li>
<div class="col-03">繁体：象</div> <li data-num="5.">
</div> <p>
<strong>同音字</strong> <strong>象征。</strong>
<div class="word-item"> </p>
<span>像</span> <p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
<span>相</span> </li>
<span>向</span> <li data-num="6.">
<span>项</span> <p>
<span>巷</span> <strong>想象。</strong>
</div> </p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
<li data-num="7.">
<p>
<strong>古代通译南方民族语言的官。</strong>
</p>
<p>《礼记·王制》:“达其志,通其欲,东方曰寄,南方曰象。”</p>
</li>
<li data-num="8.">
<p>
<strong>古代一种舞的名称。</strong>
</p>
<p>《礼记·内则》：“成童，舞象，学射御。”</p>
</li>
<li data-num="9.">
<p>
<strong>文章。</strong>
</p>
<p>指《象辞》、《十翼》的两篇。</p>
</li>
<li data-num="10.">
<p>
<strong>十辉之一。</strong>
</p>
<p>《周礼·春官·眡祲》：“眡祲掌十辉之法……一曰祲，二曰象……”凡灾变之物如众赤乌之属，有所象似，故曰“象”。所以一切有所象似的大气晕象，如珥、缨、纽、履、㦸、提、格、背、负等晕和形如“王”字、“田”字，或如赤乌夹日等晕象，均属十辉中之“象”。</p>
</li>
</ol>
</div> </div>
</div> </div>
</div> </div>
<div class="list accordion-list inset accordion-list-spe"> </li>
<ul> </ul>
<li class="accordion-item"> </div>
<a class="item-link item-content" href="#"> <div class="list accordion-list inset">
<div class="item-inner"> <ul>
<div class="item-title">字源</div> <li class="accordion-item">
</div> <a class="item-link item-content" href="#">
</a> <div class="item-inner">
<div class="accordion-item-content"> <div class="item-title">相关组词</div>
<div class="list list-word-evolution"> </div>
<ul> </a>
<li> <div class="accordion-item-content">
<img src="images/source.png"> <div class="list list-word-evolution">
</li> <div class="block">
</ul> <ol class="list-paddingleft-2 words-group">
</div> <li>
</div> <p>
</li> <strong>小象</strong>
</ul> </p>
</div> </li>
<div class="list accordion-list inset"> <li>
<ul> <p>
<li class="accordion-item"> <strong>大象</strong>
<a class="item-link item-content" href="#"> </p>
<div class="item-inner"> </li>
<div class="item-title">书法</div> <li>
</div> <p>
</a> <strong>气象</strong>
<div class="accordion-item-content"> </p>
<div class="list list-word-evolution"> </li>
<div class="block"> <li>
<ol class="list-paddingleft-2"> <p>
<li data-num="1."> <strong>想象</strong>
<p> </p>
<strong>象牙的省称。</strong> </li>
</p> <li>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p> <p>
</li> <strong>印象</strong>
<li data-num="2."> </p>
<p> </li>
<strong>形状。</strong> <li>
</p> <p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p> <strong>象棋</strong>
</li> </p>
<li data-num="3."> </li>
<p> <li>
<strong>模拟。</strong> <p>
</p> <strong>迹象</strong>
<p>如:象声;象形。</p> </p>
</li> </li>
<li data-num="4."> <li>
<p> <p>
<strong>现象；表现。</strong> <strong>抽象</strong>
</p> </p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p> </li>
</li> <li>
<li data-num="5."> <p>
<p> <strong>星象</strong>
<strong>象征。</strong> </p>
</p> </li>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p> </ol>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
<li data-num="7.">
<p>
<strong>古代通译南方民族语言的官。</strong>
</p>
<p>《礼记·王制》:“达其志,通其欲,东方曰寄,南方曰象。”</p>
</li>
<li data-num="8.">
<p>
<strong>古代一种舞的名称。</strong>
</p>
<p>《礼记·内则》：“成童，舞象，学射御。”</p>
</li>
<li data-num="9.">
<p>
<strong>文章。</strong>
</p>
<p>指《象辞》、《十翼》的两篇。</p>
</li>
<li data-num="10.">
<p>
<strong>十辉之一。</strong>
</p>
<p>《周礼·春官·眡祲》：“眡祲掌十辉之法……一曰祲，二曰象……”凡灾变之物如众赤乌之属，有所象似，故曰“象”。所以一切有所象似的大气晕象，如珥、缨、纽、履、㦸、提、格、背、负等晕和形如“王”字、“田”字，或如赤乌夹日等晕象，均属十辉中之“象”。</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">相关组词</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2 words-group">
<li>
<p>
<strong>小象</strong>
</p>
</li>
<li>
<p>
<strong>大象</strong>
</p>
</li>
<li>
<p>
<strong>气象</strong>
</p>
</li>
<li>
<p>
<strong>想象</strong>
</p>
</li>
<li>
<p>
<strong>印象</strong>
</p>
</li>
<li>
<p>
<strong>象棋</strong>
</p>
</li>
<li>
<p>
<strong>迹象</strong>
</p>
</li>
<li>
<p>
<strong>抽象</strong>
</p>
</li>
<li>
<p>
<strong>星象</strong>
</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="card card-accordion card-accordion-spe">
<div class="card-content">
<div class="card-content-inner">
<span>标签：</span>
<a href="">语词</a>
</div> </div>
</div> </div>
</div> </div>
<div class="tip-pic"> </li>
<img src="images/cihai-tip.png"> </ul>
</div> </div>
<div class="card card-accordion card-accordion-spe">
<div class="card-content">
<div class="card-content-inner">
<span>标签：</span>
<a href="">语词</a>
</div> </div>
</div> </div>
</div> </div>
<div class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div> </div>
<script src="js/vendor.js"></script>
<script src="js/routes.js"></script>
<script src="js/word.js"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
</div>
\ No newline at end of file \ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/2-2字百科义.html
<!DOCTYPE html> <div class="page page-word-wiki">
<html lang="zh-CN"> <div class="navbar">
<head> <div class="navbar-inner navbar-word-wiki">
<meta charset="utf-8"> <div class="left">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui"> <a class="link back" href="/">
<meta name="apple-mobile-web-app-capable" content="yes"> <i class="iconfont icon-jiantou"></i>
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <span class="ios-only">返回</span>
<title>2-2字百科义</title> </a>
<link rel="stylesheet" href="css/vendor.css"> </div>
</head> <div class="right word-navbar-btn">
<body> <a class="panel-open" href="#" data-panel="right">
<div id="app"> <span class="icon icon-book"></span>
<div class="statusbar"></div> </a>
<div class="panel panel-right panel-cover panel-nav"> <a href="/word-wiki/">
<div class="page navbar-fixed page-side-nav"> <i class="iconfont icon-qiyeguanxitupu"></i>
<div class="navbar"> </a>
<div class="navbar-inner"> </div>
<div class="center" style="left:0">“象”在其他百科辞典的解释</div> </div>
</div>
<div class="toolbar">
<div class="toolbar-cover">
<a class="link-btn" href="#">
<i class="iconfont icon-xin"></i>
<span>116</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-fenxiang"></i>
<span>58</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-pinglun" style="top:1px"></i>
<span>79</span>
</a>
<div class="word-read">
<h1>象</h1>
<a class="link-voice" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="word-slide">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="temp/word-banner.jpg">
</div>
<div class="swiper-slide">
<img src="temp/word-banner.jpg">
</div>
<div class="swiper-slide">
<img src="temp/word-banner.jpg">
</div> </div>
</div> </div>
<div class="page-content"> <div class="swiper-pagination"></div>
<div class="page-side"> </div>
<div class="list-block accordion-list"> <div class="single-word">
<ul> <div class="word-body">
<li class="accordion-item"> <div class="word-title">
<a class="item-content item-link" href="#"> <a class="word-title-pager prev active back">语词
<div class="item-inner"> <span class="icon icon-word-prev"></span>
<div class="item-title">辞海</div> </a>
</div> <h1 class="word-title-inner">象</h1>
</a> <a class="word-title-pager next" href="#">百科
<div class="accordion-item-content"> <span class="icon icon-word-next"></span>
<div class="content-block"> </a>
<p> </div>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> </div>
</p> <div class="word-footer">
<p> <div class="words-main">
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <span>【xiàng】
</p> <a class="link" href="#">
<p> <i class="iconfont icon-shengyin"></i>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> </a>
</p> </span>
<p> </div>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <div class="word-detail">长鼻目象科哺乳动物</div>
</p> </div>
<p> </div>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> </div>
</p> <div class="word-cover-page">
<p> <div class="word-card">
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <ul>
</p> <li>
</div> <strong>门：</strong>
</div> <span>脊索动物门</span>
</li> </li>
<li class="accordion-item"> <li>
<a class="item-content item-link" href="#"> <strong>亚门：</strong>
<div class="item-inner"> <span>脊椎动物亚门</span>
<div class="item-title">中国人名大词典（历史人物卷）</div> </li>
</div> <li>
</a> <strong>纲：</strong>
<div class="accordion-item-content"> <span>哺乳纲</span>
<div class="content-block"> </li>
<p> <li>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <strong>亚纲：</strong>
</p> <span>真兽亚纲</span>
<p> </li>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <li>
</p> <strong>目：</strong>
<p> <span>长鼻目</span>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> </li>
</p> <li>
<p> <strong>科：</strong>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <span>象科</span>
</p> </li>
<p> <li>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <strong>属：</strong>
</p> <span>亚洲象属、非洲象属</span>
<p> </li>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <li>
</p> <strong>种：</strong>
</div> <span>普通非洲象，非洲森林象，亚洲象</span>
</div> </li>
</li> <li>
<li class="accordion-item"> <strong>分布区域：</strong>
<a class="item-content item-link" href="#"> <span>非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边。</span>
<div class="item-inner"> </li>
<div class="item-title">历代名人并称辞典</div> </ul>
</div> </div>
</a> </div>
<div class="accordion-item-content"> <div class="word-tab-cover">
<div class="content-block"> <div class="word-tab js-word-tab">
<p> <ul>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <li class="active">
</p> <a href="#">基本释义</a>
<p> </li>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <li>
</p> <a href="#">图册
<p> <span>(125)</span>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> </a>
</p> </li>
<p> <li>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <a href="#">视频
</p> <span>(3)</span>
<p> </a>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> </li>
</p> </ul>
<p> </div>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <div class="tab-con js-tab-con">
</p> <div class="tab-panel active" id="tab01">
</div> <div class="tip-box">
</div> <span> 这段话可设置舒适的文字大小。</span>
</li> <div class="tip-operation">
<li class="accordion-item"> <a class="large-btn" href="#">大</a>
<a class="item-content item-link" href="#"> <a class="normal-btn" href="#">选中</a>
<div class="item-inner"> <a class="small-btn" href="#">小</a>
<div class="item-title">哲学大辞典（修订本）</div> </div>
</div> </div>
</a> <div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
<div class="accordion-item-content"> </div>
<div class="content-block"> <div class="tab-panel" id="tab02">
<p> <div class="tip-box">
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <span> 这里的段话，您可以设置舒适的文字大小。</span>
</p> <div class="tip-operation">
<p> <a class="large-btn" href="#">大</a>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <a class="normal-btn" href="#">选中</a>
</p> <a class="small-btn" href="#">小</a>
<p> </div>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> </div>
</p> <div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
<p> </div>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <div class="tab-panel" id="tab03">
</p> <div class="tip-box">
<p> <span> 这里的段话，您可以设置舒适的文字大小。</span>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <div class="tip-operation">
</p> <a class="large-btn" href="#">大</a>
<p> <a class="normal-btn" href="#">选中</a>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <a class="small-btn" href="#">小</a>
</p> </div>
</div> </div>
</div> <div class="article">哺乳纲，长鼻目，象科。陆上现存最大的哺乳动物。肩高2.5～3.0米。皮厚毛少，肢粗如柱。鼻与上唇愈合成圆筒状长鼻，鼻端有指状突起一或两个。上颌门齿大而长，称“象牙”。有两种：亚洲象（Elephas maximus），体较小，额部下凹，鼻端具一指状凸起，耳小，后足四蹄。仅雄象有象牙，分布于南亚、东南亚等地；亦见于中国云南等地，国家一级保护动物。非洲象（Loxodonta africana），体较大，额部凸出，鼻端有两个指状凸起，耳大披肩，后足三蹄。雌雄均有象牙，不易驯服，分布于非洲。</div>
</li> </div>
<li class="accordion-item"> </div>
<a class="item-content item-link" href="#"> </div>
<div class="item-inner"> <div class="word-tab-cover">
<div class="item-title">中国哲学大辞典</div> <div class="word-tab">
</div> <ul>
</a> <li class="active">
<div class="accordion-item-content"> <a href="#">历版</a>
<div class="content-block"> </li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第五版-2002年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p> <p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <strong>象牙的省称。</strong>
</p> </p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p> <p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <strong>形状。</strong>
</p> </p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p> <p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> <strong>模拟。</strong>
</p> </p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p> <p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <strong>现象；表现。</strong>
</p> </p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p> <p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <strong>象征。</strong>
</p> </p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p> <p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <strong>想象。</strong>
</p> </p>
</div> <p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</div> </li>
</li> </ol>
<li class="accordion-item"> </div>
<a class="item-content item-link" href="#"> </div>
<div class="item-inner"> </div>
<div class="item-title">中国历史大辞典（全六卷）</div> </li>
</div> </ul>
</a> </div>
<div class="accordion-item-content"> <div class="list accordion-list inset">
<div class="content-block"> <ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第四版-1995年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p> <p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <strong>象牙的省称。</strong>
</p> </p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p> <p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <strong>形状。</strong>
</p> </p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p> <p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> <strong>模拟。</strong>
</p> </p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p> <p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <strong>现象；表现。</strong>
</p> </p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p> <p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <strong>象征。</strong>
</p> </p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p> <p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <strong>想象。</strong>
</p> </p>
</div> <p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</div> </li>
</li> </ol>
<li class="accordion-item"> </div>
<a class="item-content item-link" href="#"> </div>
<div class="item-inner"> </div>
<div class="item-title">世界近代史词典</div> </li>
</div> </ul>
</a> </div>
<div class="accordion-item-content"> <div class="list accordion-list inset">
<div class="content-block"> <ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第三版-1987年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p> <p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <strong>象牙的省称。</strong>
</p> </p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p> <p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <strong>形状。</strong>
</p> </p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p> <p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> <strong>模拟。</strong>
</p> </p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p> <p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <strong>现象；表现。</strong>
</p> </p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p> <p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <strong>象征。</strong>
</p> </p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p> <p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <strong>想象。</strong>
</p> </p>
</div> <p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</div> </li>
</li> </ol>
<li class="accordion-item"> </div>
<a class="item-content item-link" href="#"> </div>
<div class="item-inner"> </div>
<div class="item-title">东南亚历史词典</div> </li>
</div> </ul>
</a> </div>
<div class="accordion-item-content"> <div class="list accordion-list inset">
<div class="content-block"> <ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第二版-1980年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p> <p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <strong>象牙的省称。</strong>
</p> </p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p> <p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <strong>形状。</strong>
</p> </p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p> <p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> <strong>模拟。</strong>
</p> </p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p> <p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <strong>现象；表现。</strong>
</p> </p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p> <p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <strong>象征。</strong>
</p> </p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p> <p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <strong>想象。</strong>
</p> </p>
</div> <p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</div> </li>
</li> </ol>
<li class="accordion-item"> </div>
<a class="item-content item-link" href="#"> </div>
<div class="item-inner"> </div>
<div class="item-title">中国文学大辞典（修订本）</div> </li>
</div> </ul>
</a> </div>
<div class="accordion-item-content"> <div class="list accordion-list inset">
<div class="content-block"> <ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第一版-1976年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p> <p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a> <strong>象牙的省称。</strong>
</p> </p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p> <p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a> <strong>形状。</strong>
</p> </p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p> <p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a> <strong>模拟。</strong>
</p> </p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p> <p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a> <strong>现象；表现。</strong>
</p> </p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p> <p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a> <strong>象征。</strong>
</p> </p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p> <p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a> <strong>想象。</strong>
</p> </p>
</div> <p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</div> </li>
</li> </ol>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="view view-main view-init ios-edges" data-url="/">
<div class="page">
<!--.navbar-->
<!-- .navbar-inner-->
<!-- .left-->
<!-- a.link.back(href='/')-->
<!-- i.iconfont.icon-jiantou-->
<!-- span.ios-only 返回-->
<div class="toolbar">
<div class="toolbar-cover">
<a class="link-btn" href="#">
<i class="iconfont icon-xin"></i>
<span>116</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-fenxiang"></i>
<span>58</span>
</a>
<a class="link-btn" href="#">
<i class="iconfont icon-pinglun" style="top:1px"></i>
<span>79</span>
</a>
<div class="word-read">
<h1>象</h1>
<a class="link-voice" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="word-slide">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="temp/word-banner.jpg">
</div>
<div class="swiper-slide">
<img src="temp/word-banner.jpg">
</div>
<div class="swiper-slide">
<img src="temp/word-banner.jpg">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="single-word">
<div class="word-body">
<div class="word-title">
<a class="word-title-pager prev active">语词
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner">象</h1>
<a class="word-title-pager next" href="/word-wiki/">百科
<span class="icon icon-word-next"></span>
</a>
</div>
</div>
<div class="word-footer">
<div class="words-main">
<span>【xiàng】
<a class="link" href="#">
<i class="iconfont icon-shengyin"></i>
</a>
</span>
</div> </div>
<div class="word-detail">长鼻目象科哺乳动物</div>
</div> </div>
</div> </div>
</div> </li>
<div class="word-cover-page"> </ul>
<div class="word-card"> </div>
<ul> </div>
<li> <div class="card card-accordion card-accordion-spe">
<strong>门：</strong> <div class="card-content">
<span>脊索动物门</span> <div class="card-content-inner">
</li> <span>标签：</span>
<li> <a href="">动物</a>
<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 class="word-tab-cover">
<div class="word-tab js-word-tab">
<ul>
<li class="active">
<a href="#">基本释义</a>
</li>
<li>
<a href="#">图册
<span>(125)</span>
</a>
</li>
<li>
<a href="#">视频
<span>(3)</span>
</a>
</li>
</ul>
</div>
<div class="tab-con js-tab-con">
<div class="tab-panel active" id="tab01">
<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="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 class="word-tab-cover">
<div class="word-tab">
<ul>
<li class="active">
<a href="#">历版</a>
</li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第五版-2002年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>象牙的省称。</strong>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第四版-1995年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>象牙的省称。</strong>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第三版-1987年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>象牙的省称。</strong>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第二版-1980年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>象牙的省称。</strong>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a class="item-link item-content" href="#">
<div class="item-inner">
<div class="item-title">辞海&nbsp;&nbsp;第一版-1976年版典藏本</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list list-word-evolution">
<div class="block">
<ol class="list-paddingleft-2">
<li data-num="1.">
<p>
<strong>象牙的省称。</strong>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
</ol>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="card card-accordion card-accordion-spe">
<div class="card-content">
<div class="card-content-inner">
<span>标签：</span>
<a href="">动物</a>
</div>
</div>
</div>
<div class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div> </div>
<script src="js/vendor.js"></script>
<script src="js/routes.js"></script>
<script src="js/word.js"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
</div>
\ No newline at end of file \ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/css/vendor.css
This diff could not be displayed because it is too large.
serverside/cihai-wechat/src/main/webapp/static/images/icons.png
serverside/cihai-wechat/src/main/webapp/static/images/icons.png

3.39 KB | W: | H:

serverside/cihai-wechat/src/main/webapp/static/images/icons.png

4.67 KB | W: | H:

serverside/cihai-wechat/src/main/webapp/static/images/icons.png
serverside/cihai-wechat/src/main/webapp/static/images/icons.png
serverside/cihai-wechat/src/main/webapp/static/images/icons.png
serverside/cihai-wechat/src/main/webapp/static/images/icons.png
  • 2-up
  • Swipe
  • Onion skin
serverside/cihai-wechat/src/main/webapp/static/index.html
...@@ -21,6 +21,284 @@ ...@@ -21,6 +21,284 @@
</div> </div>
<div id="app"> <div id="app">
<div class="statusbar"></div> <div class="statusbar"></div>
<div class="panel panel-right panel-cover panel-nav">
<div class="page navbar-fixed page-side-nav">
<div class="navbar">
<div class="navbar-inner">
<div class="center" style="left:0">“象”在其他百科辞典的解释</div>
</div>
</div>
<div class="page-content">
<div class="page-side">
<div class="list-block accordion-list">
<ul>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">辞海</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国人名大词典（历史人物卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">历代名人并称辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">哲学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国哲学大辞典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国历史大辞典（全六卷）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">世界近代史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">东南亚历史词典</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
<li class="accordion-item">
<a class="item-content item-link" href="#">
<div class="item-inner">
<div class="item-title">中国文学大辞典（修订本）</div>
</div>
</a>
<div class="accordion-item-content">
<div class="content-block">
<p>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="view view-main view-init ios-edges" data-url="/"> <div class="view view-main view-init ios-edges" data-url="/">
<div class="page bg-blank"> <div class="page bg-blank">
<div class="toolbar tabbar tabbar-labels toolbar-index"> <div class="toolbar tabbar tabbar-labels toolbar-index">
...@@ -57,7 +335,7 @@ ...@@ -57,7 +335,7 @@
</div> </div>
</div> </div>
<script src="js/vendor.js"></script> <script src="js/vendor.js"></script>
<script src="js/routes.js"></script> <script src="js/vis.js"></script>
<script src="js/index.js"></script> <script src="js/index.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/js/special.js
...@@ -43,93 +43,6 @@ var topicSwiper = new Swiper('.topic-swiper', { ...@@ -43,93 +43,6 @@ var topicSwiper = new Swiper('.topic-swiper', {
} }
}); });
//关系图
var DIR = 'img/soft-scraps-icons/';
var nodes = null;
var edges = null;
var network = null;
// Called when the Visualization API is loaded.
function draw() {
// create people.
// value corresponds with the age of the person
var DIR = 'images/special-pic-0';
nodes = [
{id: 1, shape: 'circularImage', image: DIR + '1.png'},
{id: 2, shape: 'circularImage', image: DIR + '2.png'},
{id: 3, shape: 'circularImage', image: DIR + '1.png'},
{id: 4, shape: 'circularImage', image: DIR + '2.png', label: "pictures by this guy!"},
{id: 5, shape: 'circularImage', image: DIR + '1.png'},
{id: 6, shape: 'circularImage', image: DIR + '2.png'},
{id: 7, shape: 'circularImage', image: DIR + '1.png'},
{id: 8, shape: 'circularImage', image: DIR + '2.png'},
{id: 9, shape: 'circularImage', image: DIR + '1.png'},
{id: 10, shape: 'circularImage', image: DIR + '2.png'},
{id: 11, shape: 'circularImage', image: DIR + '1.png'},
{id: 12, shape: 'circularImage', image: DIR + '2.png'},
{id: 13, shape: 'circularImage', image: DIR + '1.png'},
{id: 14, shape: 'circularImage', image: DIR + '2.png'},
{
id: 15,
shape: 'circularImage',
image: DIR + 'missing.png',
brokenImage: DIR + 'missingBrokenImage.png',
label: "when images\nfail\nto load"
},
{
id: 16,
shape: 'circularImage',
image: DIR + 'anotherMissing.png',
brokenImage: DIR + '9.png',
label: "fallback image in action"
}
];
// create connections between people
// value corresponds with the amount of contact between two people
edges = [
{from: 1, to: 2},
{from: 2, to: 3},
{from: 2, to: 4},
{from: 4, to: 5},
{from: 4, to: 10},
{from: 4, to: 6},
{from: 6, to: 7},
{from: 7, to: 8},
{from: 8, to: 9},
{from: 8, to: 10},
{from: 10, to: 11},
{from: 11, to: 12},
{from: 12, to: 13},
{from: 13, to: 14},
{from: 9, to: 16}
];
// create a network
var container = document.getElementById('mynetwork');
var data = {
nodes: nodes,
edges: edges
};
var options = {
nodes: {
borderWidth: 4,
size: 30,
color: {
border: '#222222',
background: '#666666'
},
font: {color: '#eeeeee'}
},
edges: {
color: 'lightgray'
}
};
network = new vis.Network(container, data, options);
}
draw();
$('.js-read-more').click(function () { $('.js-read-more').click(function () {
if($(this).hasClass('active')){ if($(this).hasClass('active')){
$('.special-content .txt-content').css('height','190px'); $('.special-content .txt-content').css('height','190px');
...@@ -138,4 +51,11 @@ $('.js-read-more').click(function () { ...@@ -138,4 +51,11 @@ $('.js-read-more').click(function () {
$('.special-content .txt-content').css('height','auto'); $('.special-content .txt-content').css('height','auto');
$(this).addClass('active') $(this).addClass('active')
} }
});
$('.js-enable-drag').click(function () {
var $this = $(this);
$this.hasClass('active')?$this.removeClass('active'):$this.addClass('active');
var $target = $($this.data('target'));
$target.hasClass('enable')?$target.removeClass('enable'):$target.addClass('enable');
}); });
\ No newline at end of file \ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/js/vendor.js
This diff could not be displayed because it is too large.
serverside/cihai-wechat/src/main/webapp/static/专题.html
...@@ -13,6 +13,16 @@ ...@@ -13,6 +13,16 @@
<div class="statusbar"></div> <div class="statusbar"></div>
<div class="view view-main view-init ios-edges" data-url="/"> <div class="view view-main view-init ios-edges" data-url="/">
<div class="page"> <div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a class="link back" href="/">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div>
</div>
</div>
<div class="page-content special-content"> <div class="page-content special-content">
<!--专题简介--> <!--专题简介-->
<div class="intro-box"> <div class="intro-box">
...@@ -216,8 +226,13 @@ ...@@ -216,8 +226,13 @@
<img src="images/special-tip.png"> <img src="images/special-tip.png">
</div> </div>
<div class="title">十九大图谱</div> <div class="title">十九大图谱</div>
<div class="special-title-tools">
<a class="js-enable-drag" href="#" data-target="#relation-pic">
<span class="icon icon-drag"></span>
</a>
</div>
</div> </div>
<div id="mynetwork"></div> <div id="relation-pic"></div>
</div> </div>
<!--词云解析--> <!--词云解析-->
<div class="word-analysis"> <div class="word-analysis">
...@@ -226,10 +241,16 @@ ...@@ -226,10 +241,16 @@
<img src="images/special-tip.png"> <img src="images/special-tip.png">
</div> </div>
<div class="title">词云解析</div> <div class="title">词云解析</div>
<div class="special-title-tools">
<a class="js-refresh" href="#" data-target="#word-analysis">
<i class="iconfont icon-huanyipi"></i>
</a>
<a class="js-enable-drag" href="#" data-target="#word-analysis">
<span class="icon icon-drag"></span>
</a>
</div>
</div> </div>
<div class="inner"> <div id="word-analysis"></div>
<img src="images/special-pic-07.png">
</div>
</div> </div>
<!--相关新闻--> <!--相关新闻-->
<div class="about-news"> <div class="about-news">
...@@ -260,7 +281,6 @@ ...@@ -260,7 +281,6 @@
</div> </div>
<div class="card-footer">中国共产党第十九次全国代表大会，中国特色社会主义进入新时代的关键时期召开的一次十分重要的大会。</div> <div class="card-footer">中国共产党第十九次全国代表大会，中国特色社会主义进入新时代的关键时期召开的一次十分重要的大会。</div>
</div> </div>
<div class="more-btn">加载更多</div>
</div> </div>
<!--图说十九大--> <!--图说十九大-->
<div class="pic-show"> <div class="pic-show">
...@@ -315,9 +335,81 @@ ...@@ -315,9 +335,81 @@
</div> </div>
</div> </div>
<script src="js/vendor.js"></script> <script src="js/vendor.js"></script>
<script src="js/routes.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/vis.js"></script> <script src="js/vis.js"></script>
<script src="js/special.js"></script> <script src="js/special.js"></script>
<script>
function relationPic(id, data) {
return new vis.Network(document.getElementById(id), relationPicData, {
nodes: {
shape: 'dot',
borderWidth: 3,
color: {
border: '#c6c6c6',
background: '#adadad',
highlight: {
border: '#187bb2',
background: '#187bb2'
}
},
font: {
color: '#333'
}
}
});
};
var relationPicData = {
nodes: [{
id: 1,
label: 'Node 1',
value: 15
},
{
id: 2,
label: 'Node 2',
value: 25
},
{
id: 3,
label: 'Node 3',
value: 50
},
{
id: 4,
label: 'Node 4',
value: 30
},
{
id: 5,
label: 'Node 5',
value: 8
}
],
edges: [{
from: 1,
to: 3
},
{
from: 1,
to: 2
},
{
from: 2,
to: 4
},
{
from: 2,
to: 5
}
]
};
relationPic('relation-pic', relationPicData);
relationPicData.edges = [];
var wordAnalysis = relationPic('word-analysis', relationPicData);
$('.js-refresh').click(function() {
wordAnalysis.destroy();
wordAnalysis = relationPic('word-analysis', relationPicData);
});
</script>
</body> </body>
</html> </html>
\ No newline at end of file \ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!