Skip to content

石磊 / cihai

Go to a project
Commit 2cf1278f by 侯昆
Options

一些修改

1 parent f4fd00aa
Inline Side-by-side
Showing 8 changed files with 1003 additions and 10 deletions
serverside/cihai-app/src/main/java/com/dookay/cihai/app/controller/vo/EditionVO.java
......@@ -17,6 +17,7 @@ package com.dookay.cihai.app.controller.vo;
import com.dookay.cihai.core.word.domain.WordDomain;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;
import org.apache.commons.lang3.ArrayUtils;
/**
* 编辑信息
......@@ -38,6 +39,8 @@ public class EditionVO {
EditionVO vo = new EditionVO();
if (wordDomain.getWord().equals("中华人民共和国")) {
vo.setMainEditor("刘君德");
}else if(ArrayUtils.contains(new String[]{"鲁迅", "中国左翼作家联盟"}, wordDomain.getWord())){
vo.setMainEditor("陈思和");
} else {
vo.setMainEditor("王继如");
}
......
serverside/cihai-app/src/main/webapp/WEB-INF/jsp/word/relate.jsp
......@@ -46,7 +46,7 @@
<span class="list-group-item list-group-item-header">开头</span>
<a class="list-group-item" >象车</a>
<a class="list-group-item" >象服</a>
<a class="list-group-item" >象罔</a>
<a class="list-group-item" >象齿焚身</a>
</div>
<div class="list-group">
<span class="list-group-item list-group-item-header">中间</span>
......@@ -58,14 +58,7 @@
<span class="list-group-item list-group-item-header">结尾</span>
<a class="list-group-item" >历象</a>
<a class="list-group-item" >蛇吞象</a>
<a class="list-group-item" >罔象</a>
</div>
<div class="list-group">
<span class="list-group-item list-group-item-header">相关成语</span>
<a class="list-group-item" >象齿焚身</a>
<a class="list-group-item" >形象代言人</a>
<a class="list-group-item" >盲人摸象</a>
<a class="list-group-item" >万象森罗</a>
</div>
</c:when>
<c:when test="${vo.word eq '象鼻山'}">
......
serverside/cihai-pc/src/main/java/com/dookay/cihai/pc/controller/vo/EditionVO.java
......@@ -16,6 +16,7 @@ package com.dookay.cihai.pc.controller.vo;
import com.dookay.cihai.core.word.domain.WordDomain;
import lombok.Data;
import org.apache.commons.lang3.ArrayUtils;
/**
* 编辑信息
......@@ -38,6 +39,8 @@ public class EditionVO {
EditionVO vo = new EditionVO();
if (wordDomain.getWord().equals("中华人民共和国")) {
vo.setMainEditor("刘君德");
}else if(ArrayUtils.contains(new String[]{"鲁迅", "中国左翼作家联盟"}, wordDomain.getWord())){
vo.setMainEditor("陈思和");
} else {
vo.setMainEditor("王继如");
}
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/word/statement_baike.jsp
......@@ -95,6 +95,11 @@
<a href="#tab3" id="map-tab">地球</a>
</li>
</c:if>
<c:if test="${vo.word eq '心脏'}">
<li class="main-tab-item">
<a href="#tab4" id="heart-tab">图谱</a>
</li>
</c:if>
<%--<li class="main-tab-item">--%>
<%--<a href="#tab3">音频</a>--%>
<%--</li>--%>
......@@ -710,6 +715,34 @@
<div class="tab-pane" id="tab3">
<div id="chart-earth"></div>
</div>
<div class="tab-pane" id="tab4">
<div class="swiper-container tp-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
</div>
<div class="swiper-control">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
......@@ -876,4 +909,297 @@
</c:if>
});
</script>
<c:if test="${vo.word eq '心脏'}">
<link rel="stylesheet" href="/static/js/plugins/vis/vis.min.css">
<script src="/static/js/plugins/bootstrap/carousel.js"></script>
<script src="/static/js/plugins/vis/vis.min.js"></script>
<script src="/static/js/echarts.min.js"></script>
<script src="/static/js/echarts-gl.js"></script>
<script>
$(function(){
//- 心脏
function option(data) {
return {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [{
type: 'tree',
data: [data],
left: "5%",
right: "15%",
top: 0,
//- layout: 'radial',
symbol: 'emptyCircle',
symbolSize: 7,
label: {
offset: [10, -15],
},
initialTreeDepth: -1,
expandAndCollapse: true,
animationDurationUpdate: 750
}]
}
}
var obj = [{
name: '心',
children: [{
name: "心率"
}, {
name: "胸心血管外科学"
}, {
name: "心内膜",
children: [{
name: "感染性心内膜炎"
}, {
name: "心肌",
children: [{
name: "心肌炎"
}, {
name: "心肌病"
}, {
name: "心肌梗死"
}, {
name: "心力储备"
}, {
name: "心输出量"
}, {
name: "心脏传导系统",
children: [{
name: "心脏传导阻滞",
children: [{
name: "心脏起搏器"
}]
}, {
name: "心房",
children: [{
name: "心房扑动"
}, {
name: "心房颤动"
}, {
name: "中心静脉压"
}]
}, {
name: "心室",
children: [{
name: "心室颤动"
}]
}, {
name: "心外膜",
children: [{
name: "心外膜",
children: [{
name: "心包",
children: [{
name: "心脏压塞"
}, {
name: "心包摩擦音"
}, {
name: "心包炎"
}, {
name: "心包络",
children: [{
name: "围心腔",
children: [{
name: "肺",
children: [{
name: '肺气肿',
children: [{
name: "肺心病"
}]
}]
}]
}]
}]
}]
}]
}]
}]
}]
}]
}, {
name: '心脏',
children: [{
name: '心瓣膜病',
children: [{
name: '风湿性心脏病'
}, {
name: '心导管球囊扩张术'
}]
}, {
name: "先天性心脏病",
children: [{
name: "微创心脏外科手术",
}]
}, {
name: "冠心病"
}, {
name: "心力衰竭",
children: [{
name: "强心苷"
}]
}, {
name: "心脏导管检查术",
}, {
name: "心脏内直视手术",
children: [{
name: "体外循环",
children: [{
name: "人工心肺机"
}]
}, {
name: "低温麻醉"
}]
}, {
name: "心脏闭合性损"
}, {
name: "高血压心脏病"
}, {
name: "心音",
children: [{
name: '心脏杂音',
children: [{
name: "心音图"
}]
}, {
name: "胎心音"
}]
}, {
name: "心源性猝死",
children: [{
name: "人工呼吸"
}, {
name: "心脏按压"
}]
}]
}, {
name: "冠心病",
children: [{
name: "心绞痛"
}, {
name: "心律失常"
}, {
name: "急性冠状动脉综合症"
}, {
name: "心肌梗死"
}, {
name: "心力衰竭"
}, {
name: "心源性猝死"
}, {
name: "微创心脏外科手术"
}, {
name: "冠状动脉搭桥术"
}]
}, {
name: "心痛",
children: [{
name: "抗心绞痛药",
children: [{
name: "心痛定",
children: [{
name: "硝苯地平"
}]
}, {
name: "消心痛",
children: [{
name: '硝酸异山梨酯'
}]
}]
}, {
name: "麝香保心丸"
}, {
name: "天王补心丹"
}, {
name: "胃痛"
}, {
name: "虫痛"
}, {
name: "心绞痛"
}, {
name: "心肌梗死"
}]
}, {
name: '心律',
children: [{
name: "心律不齐",
children: [{
name: "心动过速"
}, {
name: "心动过缓"
}, {
name: "早搏"
}, {
name: "郁积综合征"
}, {
name: "心脏传导阻滞"
}]
}, {
name: "心动周期",
children: [{
name: "超声心动图"
}]
}, {
name: "心电图",
children: [{
name: "心电图"
}]
}, {
name: "窦性心律"
}]
}, {
name: "心病 \n （中医学）",
children: [{
name: "热入心包"
}, {
name: "水气凌心"
}, {
name: "心血虚"
}, {
name: "心血淤"
}, {
name: "怔忡"
}, {
name: "心悸"
}, {
name: "心阳虚"
}, {
name: "心阴虚"
}, {
name: "盗汗"
}]
}]
var arr = []
$("#heart-tab").one('shown.bs.tab', function(e) {
// 图谱轮播
var swiperTp = new Swiper('.tp-swiper', {
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
onInit: function(swiper) {
var index = swiper.activeIndex
arr.push(index)
var tar = $(".tp-swiper").find(".swiper-slide").eq(index).children().get(0)
var chart = echarts.init(tar)
chart.setOption(option(obj[index]))
},
onSlideChangeEnd: function(swiper) {
var index = swiper.activeIndex
var short = [2, 3, 5]
if (arr.indexOf(index) === -1) {
arr.push(index)
var tar = $(".tp-swiper").find(".swiper-slide").eq(index).children().get(0)
var chart = echarts.init(tar)
if (short.indexOf(index >= 0)) {
chart.setOption(option(obj[index]))
return
}
chart.setOption(option(obj[index]))
}
}
})
})
})
</script>
</c:if>
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
serverside/cihai-pc/src/main/webapp/static/css/index.css
body,html{height:100%}.wrapper-index{position:relative;height:100%;min-height:770px;background:url(../images/bg-index.jpg) top center no-repeat}.wrapper-index .navbar-default{padding:40px 0}.wrapper-index .navbar-default,.wrapper-index .navbar-default .navbar-collapse{background-color:transparent;border-color:transparent}.wrapper-index .navbar-nav{top:18px}.wrapper-index .navbar-form .navbar-main-list{margin-top:20px}.wrapper-index .logo{position:absolute;left:40px;top:40px}.wrapper-index .search-main{padding-top:400px}.wrapper-index .search-main .navbar-form{width:775px}.wrapper-index .search-main .navbar-form .btn-link{float:left;margin-left:15px}.wrapper-index .search-main .navbar-form .logo-search{text-align:center;width:380px;height:70px;padding-right:150px;margin:0 auto 30px}.wrapper-index .search-main .navbar-form .logo-search img{display:inline-block}.wrapper-index .push-main{padding:0 50px}.wrapper-index .push-main .footer-main .qr{float:right;margin-top:-2px}.wrapper-index .push-main .footer-main .qr a:hover .icon-qr{background-image:url(../images/sprite-2.png);background-position:0 0}.wrapper-index .push-main .footer-main .copyright{text-align:left}.wrapper-index .search-main-input-wrapper{position:relative;float:left;padding:0 6px 4px 0;background:url(../images/right.png) right 0 no-repeat}.wrapper-index .search-main-input-wrapper .search-main-input-inner{padding:0 0 6px 0;background:url(../images/bottom.png) 4px bottom no-repeat}.wrapper-index .search-main-input-img{position:absolute;left:-60px;bottom:100%}.btn-search{border:none;width:160px!important;height:75px!important;outline:0;background:url(../images/btn-search.png) center no-repeat}.btn-search:active,.btn-search:focus{background:url(../images/btn-search.png) center no-repeat}.navbar-form .form-group{padding:13px 0!important}.container-fluid .navbar-form .form-group{border-color:#c13633}@media (min-width:1400px){.wrapper-index .navbar-form .navbar-main-list{width:103%;font-size:22px;line-height:30px}.wrapper-index .navbar-form .navbar-main-list .icon-search{margin-top:-4px}.wrapper-index .navbar-form .navbar-main-list a{margin:0 18px}.wrapper-index .navbar .navbar-form{width:1005px}}@media (max-width:1400px){.wrapper-index .container .navbar-form .form-group,.wrapper-index .container-fluid .navbar-form .form-group{width:531px}.wrapper-index .container .navbar-form .form-group .form-control,.wrapper-index .container-fluid .navbar-form .form-group .form-control{width:441px!important}.wrapper-index .container .navbar-form .form-group .btn,.wrapper-index .container-fluid .navbar-form .form-group .btn{width:38px}.wrapper-index .push-main{padding:0 40px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:0}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0 10px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:-10px}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0}}.word{padding:35px 0;height:230px;background-clip:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/ciyun.png)}.calendar{position:absolute;right:0;top:0}.container-fluid .navbar-links{padding:15px 0 40px;font-size:16px}.container-fluid .navbar-links>a{color:#999;margin-right:20px}.container-fluid .navbar-links>a:hover{color:#187bb2}
\ No newline at end of file
body,html{height:100%}.wrapper-index{position:relative;height:100%;min-height:770px;background:url(../images/bg-index.jpg) top center no-repeat}.wrapper-index .navbar-default{padding:40px 0}.wrapper-index .navbar-default,.wrapper-index .navbar-default .navbar-collapse{background-color:transparent;border-color:transparent}.wrapper-index .navbar-nav{top:18px}.wrapper-index .navbar-form .navbar-main-list{margin-top:20px}.wrapper-index .logo{position:absolute;left:40px;top:40px}.wrapper-index .search-main{padding-top:400px}.wrapper-index .search-main .navbar-form{width:775px}.wrapper-index .search-main .navbar-form .btn-link{float:left;margin-left:15px}.wrapper-index .search-main .navbar-form .logo-search{text-align:center;width:380px;height:70px;margin:0 auto 30px}.wrapper-index .search-main .navbar-form .logo-search img{display:inline-block}.wrapper-index .push-main{padding:0 50px}.wrapper-index .push-main .footer-main .qr{float:right;margin-top:-2px}.wrapper-index .push-main .footer-main .qr a:hover .icon-qr{background-image:url(../images/sprite-2.png);background-position:0 0}.wrapper-index .push-main .footer-main .copyright{text-align:left}.wrapper-index .search-main-input-wrapper{position:relative;float:left;padding:0 6px 4px 0;background:url(../images/right.png) right 0 no-repeat}.wrapper-index .search-main-input-wrapper .search-main-input-inner{padding:0 0 6px 0;background:url(../images/bottom.png) 4px bottom no-repeat}.wrapper-index .search-main-input-img{position:absolute;left:-60px;bottom:100%}.btn-search{border:none;width:160px!important;height:75px!important;outline:0;background:url(../images/btn-search.png) center no-repeat}.btn-search:active,.btn-search:focus{background:url(../images/btn-search.png) center no-repeat}.navbar-form .form-group{padding:13px 0!important}.container-fluid .navbar-form .form-group{border-color:#c13633}@media (min-width:1400px){.wrapper-index .navbar-form .navbar-main-list{width:103%;font-size:22px;line-height:30px}.wrapper-index .navbar-form .navbar-main-list .icon-search{margin-top:-4px}.wrapper-index .navbar-form .navbar-main-list a{margin:0 18px}.wrapper-index .navbar .navbar-form{width:1005px}}@media (max-width:1400px){.wrapper-index .container .navbar-form .form-group,.wrapper-index .container-fluid .navbar-form .form-group{width:531px}.wrapper-index .container .navbar-form .form-group .form-control,.wrapper-index .container-fluid .navbar-form .form-group .form-control{width:441px!important}.wrapper-index .container .navbar-form .form-group .btn,.wrapper-index .container-fluid .navbar-form .form-group .btn{width:38px}.wrapper-index .push-main{padding:0 40px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:0}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0 10px}}@media (max-width:1200px){.container-fluid .navbar-header{margin-left:-10px}.container-fluid .navbar-collapse{margin-right:0}.wrapper-index .push-main{padding:0}}.word{padding:35px 0;height:230px;background-clip:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/ciyun.png)}.calendar{position:absolute;right:0;top:0}.container-fluid .navbar-links{padding:15px 0 40px;font-size:16px}.container-fluid .navbar-links>a{color:#999;margin-right:20px}.container-fluid .navbar-links>a:hover{color:#187bb2}
\ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/css/vendor.css
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/index.html
......@@ -19,7 +19,7 @@
<div class="container-fluid search-main">
<form class="navbar-form clearfix">
<div class="logo-search">
<img class="img-responsive" src="images/logo-search.png">
<img class="img-responsive" src="images/logo-search2.png">
</div>
<div class="search-main-input-wrapper">
<img class="search-main-input-img" src="images/bg-dog.png" alt="">
......
serverside/cihai-pc/src/main/webapp/static/心脏.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>搜索</title>
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="js/plugins/vis/vis.min.css">
<link rel="stylesheet" href="css/h5.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png">
</a>
</div>
<div class="navbar-collapse">
<form class="navbar-form clearfix">
<div class="form-group input-group-lg">
<input class="form-control" type="text" placeholder="之云">
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera"></div>
</button>
<button class="btn navbar-search-microphone" type="button">
<div class="icon icon-microphone"></div>
</button>
</div>
<button class="btn btn-inverse btn-lg" type="button">进入词条</button>
<button class="btn btn-default btn-lg" type="button">搜索词条</button>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
<div class="navbar-main-list">
<span class="icon icon-search-tag"></span>
<a href="#">语词</a>
<a href="#">哲学</a>
<a href="#">社会</a>
<a href="#">民族</a>
<a href="#">历史</a>
<a href="#">地理</a>
<a href="#">文学</a>
<a href="#">艺术</a>
<a href="#">生命</a>
<a href="#">农业</a>
<a href="#">医学</a>
<a href="#">科技</a>
</div>
</form>
</div>
</div>
</nav>
<div class="container">
<div class="encyclopedia" style="background-image:url(images/world.topo.bathy.200401.jpg)">
<div class="encyclopedia-mask"></div>
<div class="content">
<div class="row">
<div class="col-xs-17">
<ul class="tab-nav">
<li class="tab-nav-item active">
<a href="2-3字-百科义.html">百科</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-17">
<main class="main">
<div class="word-detail">
<div class="head-intro clearfix">
<div class="word pull-left">象</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">【xiàng】</div>
<div class="icon" style="background-image:url(icons/voice.png)"></div>
</div>
<div class="sub-name">长鼻目象科哺乳动物</div>
</div>
</div>
<div class="intro-box clearfix">
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">中文学名：</div>
<div class="txt pull-left">象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">亚纲：</div>
<div class="txt pull-left">真兽亚纲</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">拉丁学名：</div>
<div class="txt pull-left">Elephantidae</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">目：</div>
<div class="txt pull-left">长鼻目</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">别称：</div>
<div class="txt pull-left">大象</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">科：</div>
<div class="txt pull-left">象科</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">界：</div>
<div class="txt pull-left">动物界</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">属：</div>
<div class="txt pull-left">亚洲象属、非洲象属</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">门：</div>
<div class="txt pull-left">脊索动物门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">种：</div>
<div class="txt pull-left">普通非洲象，非洲森林象，亚洲象</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">亚门：</div>
<div class="txt pull-left">脊椎动物亚门</div>
</div>
<div class="intro-item col-xs-16 clearfix">
<div class="name pull-left">分布区域：</div>
<div class="txt pull-left">非洲撒哈拉沙漠以南和南亚及东南亚以及中国南部边</div>
</div>
<div class="intro-item col-xs-8 clearfix">
<div class="name pull-left">纲：</div>
<div class="txt pull-left">哺乳纲</div>
</div>
</div>
<div class="album-box js-album">
<div class="album">
<div class="pic" style="background-image:url(images/album-01.jpg)"></div>
</div>
<div class="sub-tip">象图册（5）</div>
</div>
</div>
<div class="main__bd main-bakeyi">
<ul class="main-tab js-tab clearfix">
<li class="main-tab-item active">
<a href="#tab1">释义</a>
</li>
<li class="main-tab-item">
<a href="#tab2" id="heart-tab">图谱</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0" data-toggle="collapse" data-target="#collapse0">
<span class="btn btn-link">太阳系成员</span>
</button>
</div>
<div class="collapse in" id="collapse0" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">太阳</h5>
<div class="media">
<div class="media-body">
<p>亦称“日”。太阳系的中心天体。距地球最近的一颗恒星。地球绕它公转。与地球的平均距离14959.787万千米，直径139.2万千米，为地球的109倍，体积为地球的130万倍，质量为地球的33万倍，平均密度1.41克/厘米3。太阳是一个炽热的气体球，表面有效温度5777开，愈向内部温度愈高，中心1.57×107开。由氢核聚变成氦核的热核反应产生巨大的能量，以辐射的方式，由内部转移到表面，而发射到宇宙空间。肉眼看到的表面层称为“光球”，光球上面是“色球”，最外层称为“日冕”，在色球与日冕间还有一个“色球日冕过渡区”，这几层（区）组成太阳的大气。太阳也在自转，其周期在日面赤道带约25天，两极区约35天。太阳和地球几乎由同样的化学元素组成，但比例有差异。太阳上最丰富的元素是氢，其次是氦，还有碳、氮、氧和各种金属。总体说，太阳是稳定的，但其大气层却处于局部激烈运动中。最明显的是太阳活动区中黑子群的出没、各类日珥的发生、日冕物质抛射和耀斑的出现等。</p>
<p
class="text-center">
<img class="img-fluid" src="images/taiyangxi_03.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">水星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“辰星”；欧洲称“墨丘利”。太阳系八颗行星之一。未发现有卫星。距离太阳最近，平均距离0.39天文单位，即5791万千米。直径为地球的38%，质量为地球的5.5%，密度为水的5.4倍。轨道偏心率较大，为0.21。公转周期88天，自转周期59天，两个周期之比正好是3/2。赤道面与轨道面的交角近于0°。离太阳的角距不超过28°，肉眼难见。质量小，大气稀薄。内部是一个巨大的铁镍内核，超过水星直径的2/3。表面温度向太阳一面约440℃，背太阳一面最低可达－160℃以下。表面多环形山。磁场强度为地球的1%。外壳由多孔土壤或类似月球表土的岩石粉末组成。</p>
<p
class="text-center">
<img class="img-fluid" src="images/taiyangxi_07.jpg">
</p>
</div>
</div>
</li>
<li>
<h5 class="media-title">金星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“启明星”、“晓星”，又称“长庚星”、“太白星”或“黄昏星”，欧洲称“维纳斯”（罗马神话中的爱和美的女神）。太阳系八颗行星之一。未发现有卫星。按距太阳由近及远的次序为第二颗。与太阳平均距离0.72天文单位，即1.08亿千米。大小与地球相仿，直径比地球小5%，质量为地球的82%，密度为水的5.2倍。轨道接近圆形。公转周期225天，自转周期243天，自转比公转更为缓慢，且自转方向与其他行星相反。行星中与地球最接近的一颗，亮度仅次于日、月。表面覆盖厚云。大气主要成分是二氧化碳。表面温度约480℃。大气压为地球的90倍。表面磁场为地球的千分之一，约1.6×10-8特。也有电离层。表面还有山脉和峡谷。金星上空闪电频繁，每分钟达20多次。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_11.jpg">
</div>
</li>
<li>
<h5 class="media-title">地球</h5>
<div class="media">
<div class="media-body">
<p>太阳系八颗行星之一。按距太阳由近及远的次序为第三颗。人类居住的星球。约在46亿年前形成。与太阳平均距离1.496×108千米。体积约1.083×1012立方千米，赤道半径6378千米，极半径6357千米。呈扁球体，扁率1/298.257。质量5.97×1024千克，重力加速度9.8米/秒2。平均密度是水的5.5倍，公转周期365.25天，自转周期23时56分。轨道为椭圆，并与赤道面相交23°26′，故有四季寒暑和昼夜长短。表面包有坚固的地壳（岩石圈），面积5.11×108平方千米，其中海洋（水圈）约占70.8%，陆地约占29.2%。周围有大气圈。大气圈外还环绕有地球辐射带和地球磁层。有1个卫星（月球）。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_14.jpg">
</div>
</li>
<li>
<h5 class="media-title">火星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“荧惑”；欧洲称“玛尔斯”（罗马神话中的战神）。太阳系八颗行星之一。按距太阳由近及远的次序为第四颗。与太阳平均距离1.52天文单位，即2.28亿千米。赤道直径为地球的53%，质量为地球的11%，密度为水的3.9倍。公转周期687天，自转周期24时37分。赤道面与轨道面的交角为23°59′，与黄赤交角相近，所以火星也有四季，每季约长6个月。大气稀薄，大气压只有地球的0.6倍。主要成分是二氧化碳。表面温度在赤道上白昼高，可达28℃，夜间降至－132℃。白色极冠是水冰和干冰。表面有火山和沙漠，还发现有河床、水道和流域地形等，说明火星曾有大量的水，地表下有大量的水资源。为此，火星生命现象长期受到人们的关注。有两颗小卫星。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_16.jpg">
</div>
</li>
<li>
<h5 class="media-title">木星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“岁星”；欧洲称“朱庇特”。太阳系八颗行星之一。按距太阳由近及远的次序为第五颗。与太阳平均距离5.20天文单位，即7.78亿千米。体积和质量比其他七大行星的总和还大。赤道直径为地球的11.18倍，质量为地球的317.89倍，相对密度为水的1.3倍。公转周期11.86年，自转周期9时50分，是行星中自转最快的一颗。大气中有明暗相间平行于赤道的云带，温度约－140℃，大红斑就是嵌在云带内的云团。大气厚约730千米，深处有水蒸气，还有乙炔、乙烷和磷化氢。木星被巨大磁层包围，与地球磁层类似，但磁层辐射强度约为地球的100万倍。磁场比地球强20～40倍。辐射能量是它接受太阳能量的2.5倍，表明木星本身有能源。已证实的卫星有63颗，是太阳系中卫星数最多的行星。还有光环和极光。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_18.jpg">
</div>
</li>
<li>
<h5 class="media-title">土星</h5>
<div class="media">
<div class="media-body">
<p>中国古代亦称“填星”、“镇星”；欧洲称“萨特恩”（罗马神话中的农神）。太阳系八颗行星之一。按距太阳由近及远的次序为第六颗。与太阳平均距离9.54天文单位，即14.27亿千米。赤道直径为地球的9.42倍，质量约为地球的95.2倍，密度只有水的70%。公转周期29.46年，自转周期10时14分，形状很扁。表面的云雾带比木星的更规则，但不显著。大气层很厚，主要成分是甲烷和少量的氨。土星上空闪电频繁。表面最高温度约－150℃。有磁场（强度为地球的1000倍）和辐射带。有卫星50颗，其中14颗为不规则卫星。还有明显的光环环缝。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_21.jpg">
</div>
</li>
<li>
<h5 class="media-title">天王星</h5>
<div class="media">
<div class="media-body">
<p>太阳系八颗行星之一。按距太阳由近及远的次序为第七颗。1781年由英国天文学家威廉·赫歇尔用望远镜巡天时偶然发现。与太阳平均距离19.18天文单位。赤道直径为地球的4.10倍，质量为地球的14.6倍，密度为水的1.3倍。公转周期84.01年，自转周期17.9小时。赤道面与轨道面的交角98°，因而自转是逆向的。在良好的天气条件下，肉眼勉强可见。大气主要成分是氢，氦只占15%，此外还含有甲烷和微量的氨。表面温度约－180℃。有磁场，但强度只有地球的1/10。有磁层结构、弓形激波区磁尾和类似地球的范艾伦辐射带。有29颗卫星，还有粗细不等的光环上百条。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_24.jpg">
</div>
</li>
<li>
<h5 class="media-title">海王星</h5>
<div class="media">
<div class="media-body">
<p>太阳系八颗行星之一。按距太阳由近及远的次序为第八颗。1846年法国天文学家勒威耶和英国天文学家亚当斯根据天体力学理论同时计算出它的位置，后经德国天文学家伽勒（Johann Gottfried Galle，1812—1910）用望远镜发现。与太阳平均距离30.06天文单位。赤道直径为地球的3.9倍，质量为地球的17.2倍，密度为水的1.8倍。公转周期164.79年，自转周期19.2小时。赤道面与轨道面的交角28.8°。公转轨道近似圆形。大气里含有甲烷和微量的氨。表面温度约－200℃。有13颗卫星还有光环。</p>
</div>
<img class="align-self-start ml-3" src="images/taiyangxi_27.jpg">
</div>
</li>
<li>
<div class="media">
<div class="media-body">
<p>一年中地球绕太阳运行到二十四个规定位置（即视太阳黄经度每隔15°为一个节气）上的日期。其划分源于中国黄河流域。各节气分别冠以反映自然气候特点的名称。当视太阳在黄经90°阳光直射北回归线时，北半球昼最长，夜最短，称“夏至”；在黄经270°阳光直射南回归线时，北半球昼最短，夜最长，称“冬至”；当视太阳在黄经0°和180°阳光两次直射赤道时，昼夜平分，分别称“春分”和“秋分”。上述的“二至”“二分”，春秋时代已由圭表测日影长短法确立。战国末期，又在春分-夏至-秋分-冬至-春分之间，黄经每隔45°各增一个节气，分别为立夏、立秋、立冬、立春，即“四立”。秦汉时，随农业生产发展，又分别在这八个节气之间，黄经各隔15°增加两个节气。至此，以不违农时为中心，反映一年四季变迁，雨、露、霜、雪等气候变化和物候特征的“二十四节气”已完全确立，成为农事活动主要依据。中国幅员辽阔，在同一节气各地气候变化不一，农事活动也有差异。西汉刘安《淮南子·天文》中已有完整二十四节气的最早记载。汉武帝太初元年（公元前104年）实施的《太初历》首次将“二十四节气”订入历法。二十四节气的阳历日期基本固定，一般仅相差1天。二十四节气的名称、黄经和日期（根据2000—2100年年历表查算）见上页表。</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab2">
<div class="swiper-container tp-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
<div class="swiper-slide">
<div class="chart"></div>
</div>
</div>
<div class="swiper-control">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
</div>
<div class="js-top"></div>
</main>
</div>
</div>
</div>
</div>
</div>
<div class="album-alert">
<div class="album-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
<div class="swiper-slide">
<img src="images/ele-01.jpg">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<footer class="footer-main">
<div class="container">
<p class="copyright">Copyright © 2006-2016 上海辞书出版社有限公司
<a class="beian" href="#" target="_blank">沪ICP备12009386号-3</a>
</p>
</div>
</footer>
<script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script>
<script src="js/plugins/bootstrap/carousel.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/echarts-gl.js"></script>
<script src="js/plugins/vis/vis.min.js"></script>
<script src="js/common.js"></script>
<script>
$(function() {
$('.js-album').click(function() {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: 0.6,
closeBtn: false,
area: false,
content: $('.album-alert')
});
var mySwiper = new Swiper('.album-swiper', {
loop: true,
pagination: '.swiper-pagination',
paginationClickable: true
});
});
//- 心脏
function option(data) {
return {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [{
type: 'tree',
data: [data],
left: "5%",
right: "15%",
top: 0,
//- layout: 'radial',
symbol: 'emptyCircle',
symbolSize: 7,
label: {
offset: [10, -15],
},
initialTreeDepth: -1,
expandAndCollapse: true,
animationDurationUpdate: 750
}]
}
}
var obj = [{
name: '心',
children: [{
name: "心率"
}, {
name: "胸心血管外科学"
}, {
name: "心内膜",
children: [{
name: "感染性心内膜炎"
}, {
name: "心肌",
children: [{
name: "心肌炎"
}, {
name: "心肌病"
}, {
name: "心肌梗死"
}, {
name: "心力储备"
}, {
name: "心输出量"
}, {
name: "心脏传导系统",
children: [{
name: "心脏传导阻滞",
children: [{
name: "心脏起搏器"
}]
}, {
name: "心房",
children: [{
name: "心房扑动"
}, {
name: "心房颤动"
}, {
name: "中心静脉压"
}]
}, {
name: "心室",
children: [{
name: "心室颤动"
}]
}, {
name: "心外膜",
children: [{
name: "心外膜",
children: [{
name: "心包",
children: [{
name: "心脏压塞"
}, {
name: "心包摩擦音"
}, {
name: "心包炎"
}, {
name: "心包络",
children: [{
name: "围心腔",
children: [{
name: "肺",
children: [{
name: '肺气肿',
children: [{
name: "肺心病"
}]
}]
}]
}]
}]
}]
}]
}]
}]
}]
}]
}, {
name: '心脏',
children: [{
name: '心瓣膜病',
children: [{
name: '风湿性心脏病'
}, {
name: '心导管球囊扩张术'
}]
}, {
name: "先天性心脏病",
children: [{
name: "微创心脏外科手术",
}]
}, {
name: "冠心病"
}, {
name: "心力衰竭",
children: [{
name: "强心苷"
}]
}, {
name: "心脏导管检查术",
}, {
name: "心脏内直视手术",
children: [{
name: "体外循环",
children: [{
name: "人工心肺机"
}]
}, {
name: "低温麻醉"
}]
}, {
name: "心脏闭合性损"
}, {
name: "高血压心脏病"
}, {
name: "心音",
children: [{
name: '心脏杂音',
children: [{
name: "心音图"
}]
}, {
name: "胎心音"
}]
}, {
name: "心源性猝死",
children: [{
name: "人工呼吸"
}, {
name: "心脏按压"
}]
}]
}, {
name: "冠心病",
children: [{
name: "心绞痛"
}, {
name: "心律失常"
}, {
name: "急性冠状动脉综合症"
}, {
name: "心肌梗死"
}, {
name: "心力衰竭"
}, {
name: "心源性猝死"
}, {
name: "微创心脏外科手术"
}, {
name: "冠状动脉搭桥术"
}]
}, {
name: "心痛",
children: [{
name: "抗心绞痛药",
chidren: [{
name: "心痛定",
children: [{
name: "硝苯地平"
}]
}, {
name: "消心痛",
children: [{
name: '硝酸异山梨酯'
}]
}]
}, {
name: "麝香保心丸"
}, {
name: "天王补心丹"
}, {
name: "胃痛"
}, {
name: "虫痛"
}, {
name: "心绞痛"
}, {
name: "心肌梗死"
}]
}, {
name: '心律',
children: [{
name: "心律不齐",
children: [{
name: "心动过速"
}, {
name: "心动过缓"
}, {
name: "早搏"
}, {
name: "郁积综合征"
}, {
name: "心脏传导阻滞"
}]
}, {
name: "心动周期",
children: [{
name: "超声心动图"
}]
}, {
name: "心电图",
children: [{
name: "心电图"
}]
}, {
name: "窦性心律"
}]
}, {
name: "心病 \n （中医学）",
children: [{
name: "热入心包"
}, {
name: "水气凌心"
}, {
name: "心血虚"
}, {
name: "心血淤"
}, {
name: "怔忡"
}, {
name: "心悸"
}, {
name: "心阳虚"
}, {
name: "心阴虚"
}, {
name: "盗汗"
}]
}]
var arr = []
$("#heart-tab").one('shown.bs.tab', function(e) {
// 图谱轮播
var swiperTp = new Swiper('.tp-swiper', {
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
onInit: function(swiper) {
var index = swiper.activeIndex
arr.push(index)
var tar = $(".tp-swiper").find(".swiper-slide").eq(index).children().get(0)
var chart = echarts.init(tar)
chart.setOption(option(obj[index]))
},
onSlideChangeEnd: function(swiper) {
var index = swiper.activeIndex
var short = [2, 3, 5]
if (arr.indexOf(index) === -1) {
arr.push(index)
var tar = $(".tp-swiper").find(".swiper-slide").eq(index).children().get(0)
var chart = echarts.init(tar)
if (short.indexOf(index >= 0)) {
chart.setOption(option(obj[index]))
return
}
chart.setOption(option(obj[index]))
}
}
})
})
// tab选项卡
$(".js-tab a").click(function(e) {
e.preventDefault()
$(this).tab('show')
})
// 显示起源
$(".js-origin").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
$("#collapse").slideToggle()
})
// layer
$(".js-calligraphy").click(function() {
$(this).toggleClass("active").siblings().removeClass("active")
if ($("#collapse").is(":visible")) $("#collapse").slideUp()
layer.open({
type: 1,
content: $("#calligraphy"),
area: ['900px'],
title: false,
btn: [],
cancel: function() {
$(".js-calligraphy").removeClass("active")
}
})
})
// 复制
var clipboard = new Clipboard(".js-copy")
$(".js-copy").click(function(e) {
e.preventDefault()
var parent = $(this).parents(".js-sec")
var text = parent.find(".paraphrase-title").text() + "\n" + parent.find(".paraphrase-p").text()
$(this).attr('data-clipboard-text', text)
})
});
</script>
</body>
</html>
\ 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!