Skip to content

石磊 / cihai

Go to a project
Commit e756539f by 石头
Options

更新静态页

1 parent 65911c19
Inline Side-by-side
Showing 14 changed files with 2142 additions and 668 deletions
serverside/cihai-wechat/src/main/java/com/dookay/cihai/wechat/controller/WordController.java
......@@ -43,7 +43,20 @@ public class WordController extends BaseController {
@RequestMapping(value = "/detail/{id}", method = RequestMethod.GET)
public ModelAndView detail(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(id);
ModelAndView mv = new ModelAndView(wordDomain.getWord().length() >= 2 ? "/portal/word/detail" : "/portal/word/baike");
ModelAndView mv = new ModelAndView("/portal/word/detail");
mv.addObject("word", wordDomain);
return mv;
}
/**
* @author 石磊
* @date 2017/12/7
* @description 百科页面
*/
@RequestMapping(value = "/baike/{id}", method = RequestMethod.GET)
public ModelAndView baike(@PathVariable Long id) {
WordDomain wordDomain = wordService.get(id);
ModelAndView mv = new ModelAndView("/portal/word/baike");
mv.addObject("word", wordDomain);
return mv;
}
......
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/include/footer.jsp
......@@ -4,9 +4,10 @@
<%--添加此行消除额外空格--%>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="${ctx}/static/js/vendor.js"></script>
<script src="${ctx}/static/js/routes.js"></script>
<script src="${ctx}/static/js/backend.js"></script>
<script src="${ctx}/static/js/layer/layer.js"></script>
<script src="${ctx}/static/js/main.js"></script>
<script>
$(function () {
backEndApp.init()
......
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/include/header.jsp
......@@ -15,3 +15,13 @@
<link rel="stylesheet" href="${ctx}/static/css/vendor.css">
</head>
<body>
<div class="loading" id="loading">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
<g>
<path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
fill="#494949" fill-opacity="1" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
</g>
</svg>
</div>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/home/index.jsp
......@@ -4,16 +4,7 @@
<jsp:include page="/WEB-INF/jsp/include/header.jsp">
<jsp:param name="pageTitle" value="首页"/>
</jsp:include>
<div class="loading" id="loading">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
<g>
<path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
fill="#494949" fill-opacity="1" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
</g>
</svg>
</div>
<div id="app">
<div class="statusbar"></div>
<div class="view view-main view-init ios-edges" data-url="/">
......@@ -54,4 +45,75 @@
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="/wechat/jsConfig"></script>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
<script src="${ctx}/static/js/index.js"></script>
<script>
$('.search-area-voice').on('click', function () {
wx.startRecord();
myApp.dialog.create({
title: '正在录音...',
buttons: [
{
text: '完成',
onClick: function () {
wx.stopRecord({
success: function (res) {
myApp.dialog.preloader();
var localId = res.localId;
wx.translateVoice({
localId: localId, // 需要识别的音频的本地Id，由录音相关接口获得
isShowProgressTips: 0, // 默认为1，显示进度提示
success: function (res) {
jQuery.get("/home/search", {keyword: res.translateResult}, function (data) {
myApp.dialog.close();
if (data.code == "OK") {
// myApp.view.main.router.load({
// url:data.data
// });
location.href = data.data;
} else {
myApp.dialog.alert(data.message);
$('.j_search_input').val(res.translateResult);
}
})
}
});
}
});
}
}
]
}).open();
});
$('.search-area-image').on('click', function () {
wx.chooseImage({
count: 1, // 默认9
sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
wx.getLocalImgData({
localId: localIds[0], // 图片的localID
success: function (res) {
var localData = res.localData; // localData是图片的base64数据，可以用img标签显示
alert(localData);
}
});
}
});
})
</script>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/word/baike.jsp 0 → 100644
<%@ include file="/WEB-INF/jsp/include/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="word" scope="request"
type="com.dookay.cihai.core.word.domain.WordDomain"/>
<jsp:include page="/WEB-INF/jsp/include/header.jsp">
<jsp:param name="pageTitle" value="首页"/>
</jsp:include>
<div id="app">
<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="page page-word-wiki">
<div class="navbar">
<div class="navbar-inner navbar-word-wiki">
<div class="left">
<a class="link back" href="/">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div>
<div class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</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="${ctx}/static/temp/word-banner.jpg">
</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 class="swiper-pagination"></div>
</div>
<div class="single-word">
<div class="word-body">
<div class="word-title">
<a class="word-title-pager prev js-jump-page" href="/word/detail/${word.id}">语词
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner">象</h1>
<a class="word-title-pager next active">百科
<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 class="word-detail">长鼻目象科哺乳动物</div>
</div>
</div>
</div>
<div class="word-cover-page">
<div class="word-card">
<ul>
<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 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="${ctx}/static/images/cihai-tip.png">
</div>
</div>
</div>
</div>
</div>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
<script>
$(function () {
})
</script>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/WEB-INF/jsp/portal/word/detail.jsp
......@@ -299,7 +299,7 @@
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<a href="/word/baike/${word.id}">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</div>
......@@ -333,7 +333,7 @@
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner bg-farmland">${word.word}</h1>
<a class="word-title-pager next" href="/word-wiki/">百科
<a class="word-title-pager next js-jump-page" href="/word/baike/${word.id}">百科
<span class="icon icon-word-next"></span>
</a>
</div>
......@@ -418,7 +418,6 @@
</div>
</div>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
<script src="${ctx}/static/js/word.js"></script>
<script>
$(function () {
......
serverside/cihai-wechat/src/main/webapp/static/2-1字语词义.html
<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 class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</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>
<!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">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>2-1字语词义</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="loading" id="loading">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
<g>
<path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
fill="#494949" fill-opacity="1" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
</g>
</svg>
</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 class="row">
<div class="col-01">笔画：11</div>
<div class="col-02">部首：豕</div>
<div class="col-03">四角号码：71220</div>
</div>
<div class="row">
<div class="col-01">部外：4</div>
<div class="col-02">结构：上下</div>
<div class="col-03">繁体：象</div>
</div>
<strong>同音字</strong>
<div class="word-item">
<span>像</span>
<span>相</span>
<span>向</span>
<span>项</span>
<span>巷</span>
<div id="app">
<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>
</div>
<div class="list accordion-list inset accordion-list-spe">
<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="page-content">
<div class="page-side">
<div class="list-block accordion-list">
<ul>
<li>
<img src="images/source.png">
<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>
</li>
</ul>
</div>
</div>
</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 class="view view-main view-init ios-edges" data-url="/">
<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>
</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>
<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 class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</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>
<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 class="row">
<div class="col-01">笔画：11</div>
<div class="col-02">部首：豕</div>
<div class="col-03">四角号码：71220</div>
</div>
<div class="row">
<div class="col-01">部外：4</div>
<div class="col-02">结构：上下</div>
<div class="col-03">繁体：象</div>
</div>
<strong>同音字</strong>
<div class="word-item">
<span>像</span>
<span>相</span>
<span>向</span>
<span>项</span>
<span>巷</span>
</div>
</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 class="list accordion-list inset accordion-list-spe">
<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">
<ul>
<li>
<img src="images/source.png">
</li>
</ul>
</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">
<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>
<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>
</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 class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div>
</div>
</div>
<div class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div>
</div>
\ No newline at end of file
<script src="js/vendor.js"></script>
<script src="js/main.js"></script>
</body>
</html>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/2-2字百科义.html
<div class="page page-word-wiki">
<div class="navbar">
<div class="navbar-inner navbar-word-wiki">
<div class="left">
<a class="link back" href="/">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div>
<div class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</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>
<!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">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>2-2字百科义</title>
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="loading" id="loading">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
<g>
<path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
fill="#494949" fill-opacity="1" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
</g>
</svg>
</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 id="app">
<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="swiper-pagination"></div>
</div>
<div class="single-word">
<div class="word-body">
<div class="word-title">
<a class="word-title-pager prev active back">语词
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner">象</h1>
<a class="word-title-pager next" href="#">百科
<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 class="word-detail">长鼻目象科哺乳动物</div>
</div>
</div>
</div>
<div class="word-cover-page">
<div class="word-card">
<ul>
<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 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.">
<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>
<strong>象牙的省称。</strong>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</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.">
</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>
<strong>象牙的省称。</strong>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</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.">
</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>
<strong>象牙的省称。</strong>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</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.">
</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>
<strong>象牙的省称。</strong>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</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.">
</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>
<strong>象牙的省称。</strong>
<a class="nav-list" href="#">第六版-2009年版典藏本</a>
</p>
<p>《礼记·玉藻》:“笏,天子以球玉,诸侯以象。”</p>
</li>
<li data-num="2.">
<p>
<strong>形状。</strong>
<a class="nav-list" href="#">第五版-2002年版典藏本</a>
</p>
<p>《书·说命上》:“乃审厥象。”孔传:“审所梦之人,刻其形象。”</p>
</li>
<li data-num="3.">
<p>
<strong>模拟。</strong>
<a class="nav-list" href="#">第四版-1995年版典藏本</a>
</p>
<p>如:象声;象形。</p>
</li>
<li data-num="4.">
<p>
<strong>现象；表现。</strong>
<a class="nav-list" href="#">第三版-1987年版典藏本</a>
</p>
<p>《管子·七法》:“论材审用,不知象不可。”意谓只有审察一个人的表现,才能恰当地使用人材。</p>
</li>
<li data-num="5.">
<p>
<strong>象征。</strong>
<a class="nav-list" href="#">第二版-1980年版典藏本</a>
</p>
<p>《周易》用卦、爻等符号象征自然变化和人事休咎。《易·系辞下》:“是故《易》者象也,象也者像也。”孔颖达疏:“谓卦为万物象者,法像万物,犹若乾卦之象法像于天也。”</p>
</li>
<li data-num="6.">
<p>
<strong>想象。</strong>
<a class="nav-list" href="#">第一版-1976年版典藏本</a>
</p>
<p>《韩非子·解老》:“故诸人之所以意想者,皆谓之象也。”</p>
</li>
</ol>
</div>
</div>
</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>
</li>
</ul>
</div>
</div>
</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 class="view view-main view-init ios-edges" data-url="/">
<div class="page page-word-wiki">
<div class="navbar">
<div class="navbar-inner navbar-word-wiki">
<div class="left">
<a class="link back" href="/">
<i class="iconfont icon-jiantou"></i>
<span class="ios-only">返回</span>
</a>
</div>
<div class="right word-navbar-btn">
<a class="panel-open" href="#" data-panel="right">
<span class="icon icon-book"></span>
</a>
<a href="/word-wiki/">
<i class="iconfont icon-qiyeguanxitupu"></i>
</a>
</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 class="swiper-pagination"></div>
</div>
<div class="single-word">
<div class="word-body">
<div class="word-title">
<a class="word-title-pager prev active back">语词
<span class="icon icon-word-prev"></span>
</a>
<h1 class="word-title-inner">象</h1>
<a class="word-title-pager next" href="#">百科
<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 class="word-detail">长鼻目象科哺乳动物</div>
</div>
</div>
</div>
<div class="word-cover-page">
<div class="word-card">
<ul>
<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 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 class="tip-pic">
<img src="images/cihai-tip.png">
</div>
</div>
</div>
\ No newline at end of file
<script src="js/vendor.js"></script>
<script src="js/main.js"></script>
</body>
</html>
\ 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/index.html
......@@ -335,7 +335,6 @@
</div>
</div>
<script src="js/vendor.js"></script>
<script src="js/vis.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>
</body>
</html>
\ No newline at end of file
serverside/cihai-wechat/src/main/webapp/static/js/special.js
var $ = Dom7;
var app = new Framework7({
root: '#app',
theme: 'ios',
routes: routes
});
var numSwiper = new Swiper('.num-swiper', {
loop: false,
slidesPerView: 4,
slidesPerGroup: 1,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
prevEl: '.swiper-button-prev'
}
});
......
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/js/vis.js deleted 100644 → 0
This diff could not be displayed because it is too large.
serverside/cihai-wechat/src/main/webapp/static/专题.html
......@@ -9,6 +9,16 @@
<link rel="stylesheet" href="css/vendor.css">
</head>
<body>
<div class="loading" id="loading">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
<g>
<path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
fill="#494949" fill-opacity="1" />
<animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
</g>
</svg>
</div>
<div id="app">
<div class="statusbar"></div>
<div class="view view-main view-init ios-edges" data-url="/">
......@@ -335,7 +345,7 @@
</div>
</div>
<script src="js/vendor.js"></script>
<script src="js/vis.js"></script>
<script src="js/main.js"></script>
<script src="js/special.js"></script>
<script>
function relationPic(id, data) {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!