Commit 35d09b2d by 侯昆

新修改

1 parent 60853ff8
......@@ -16,7 +16,7 @@
<div class="wrapper-ipad-app-h5">
<img class="img-fluid" id="img" src="/static/images/wanguozhi.png" draggable="false" usemap="#planetmap">
<map name="planetmap">
<area id="link" shape="rect" coords="660,365,740,410" href="/annal/country/america">
<area id="link" shape="rect" coords="630,355,770,420" href="/annal/country/america">
</map>
</div>
</div>
......@@ -28,7 +28,7 @@
$img = $('#img'),
iw = $img.width(),
ih = $img.height();
$('#link').attr('coords', iw * 660 / w + ',' + ih * 365 / h + ',' + iw * 740 / w + ',' + ih * 410 / h);
$('#link').attr('coords', iw * 630 / w + ',' + ih * 355 / h + ',' + iw * 770 / w + ',' + ih * 420 / h);
</script>
</body>
</html>
\ No newline at end of file
......@@ -192,27 +192,27 @@
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">周
<small>(1888—1984)</small>
<h5 class="media-title">周
<small>(1885—1967)</small>
</h5>
<div class="media">
<div class="media-body">
<p>
浙江绍兴人,字松寿,又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学,次年任上海商务印书馆编辑,从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会,开展抗日救亡斗争。抗战胜利后,任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》,译有达尔文《物种起源》。</p>
中国散文家、翻译家。原名櫆寿,字启明,晚年改名遐寿,浙江绍兴人。青年时代留学日本,与兄周树人(鲁迅)一起翻译介绍外国文学。五四运动时任北京大学等校教授,并从事写作。论文《人的文学》、《美文》,新诗《小河》在新文学运动中均有影响。所作散文,风格冲淡朴讷,从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作,译有《日本狂言选》、《伊索寓言》等;著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_09.jpg">
<img class="align-self-start ml-3" src="/static/images/luxun_12.jpg">
</div>
</li>
<li>
<h5 class="media-title">周
<small>(1885—1967)</small>
<h5 class="media-title">周
<small>(1888—1984)</small>
</h5>
<div class="media">
<div class="media-body">
<p>
中国散文家、翻译家。原名櫆寿,字启明,晚年改名遐寿,浙江绍兴人。青年时代留学日本,与兄周树人(鲁迅)一起翻译介绍外国文学。五四运动时任北京大学等校教授,并从事写作。论文《人的文学》、《美文》,新诗《小河》在新文学运动中均有影响。所作散文,风格冲淡朴讷,从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作,译有《日本狂言选》、《伊索寓言》等;著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
浙江绍兴人,字松寿,又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学,次年任上海商务印书馆编辑,从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会,开展抗日救亡斗争。抗战胜利后,任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》,译有达尔文《物种起源》。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_12.jpg">
<img class="align-self-start ml-3" src="/static/images/luxun_09.jpg">
</div>
</li>
</ul>
......
......@@ -48,19 +48,19 @@
<%--</div>--%>
<%--</nav>--%>
<div class="brand-index">
<a class="logo" href="/">
<img src="/static/images/logo.png">
</a>
<%--<a class="logo" href="/">--%>
<%--<img src="/static/images/logo.png">--%>
<%--</a>--%>
<div class="hot-tags">
<a href="/annal/country">万国志</a>
<a href="/annal/area">地方志</a>
<a href="/annal/people">人物志</a>
<a href="javascript:;">专题</a>
<%--<a href="javascript:;">专题</a>--%>
</div>
</div>
<a class="calendar" href="/today">
<img src="/static/images/calendar2.png" alt="历史上的今天" title="历史上的今天">
</a>
<%--<a class="calendar" href="/today">--%>
<%--<img src="/static/images/calendar2.png" alt="历史上的今天" title="历史上的今天">--%>
<%--</a>--%>
<div class="container-fluid search-main">
<form class="navbar-form clearfix j_search_form" action="/home/search" method="GET">
<div class="logo-search">
......@@ -101,7 +101,7 @@
<div class="push-main">
<div class="container-fluid">
<div class="row">
<div class="col-lg-11 col-lg-push-6 col-xs-24">
<div class="col-lg-9 col-lg-push-5 col-xs-24">
<div class="card">
<div class="card-title">每日一字</div>
<div class="card-title">百科知识</div>
......@@ -117,15 +117,15 @@
</div>
</div>
<div class="card-col card-word">
<div class="card-word-content">
<div class="card-word-content" style="top:55%;font-size: 16px;padding-right: 20px;">
<div class="card-word-desc">
${recommendStatement.description}
</div>
<div class="card-word-metas">
<div class="card-word-metas" style="margin-top: 0px;">
<%=StringUtils.join(recommendStatement.getRelatedStatement().stream().limit(4).collect(Collectors.toList()), " / ")%>
</div>
</div>
<div class="card-word-value">
<div class="card-word-value" style="float: none; width: 216px; padding-left: 36px; position: absolute; top:37%;font-size: 36px;">
<a href="/word/${recommendStatement.wordId}">
${recommendStatement.word}
</a>
......@@ -137,7 +137,7 @@
</div>
</div>
</div>
<div class="col-lg-6 col-lg-pull-11 col-xs-12">
<div class="col-lg-5 col-lg-pull-9 col-xs-8">
<div class="card">
<div class="card-title">知识专题</div>
<div class="card-main">
......@@ -154,7 +154,7 @@
</div>
</div>
</div>
<div class="col-lg-7 col-xs-12">
<div class="col-lg-5 col-xs-8">
<div class="card">
<div class="card-title">热搜词</div>
<div class="card-main">
......@@ -162,6 +162,16 @@
</div>
</div>
</div>
<div class="col-lg-5 col-xs-8">
<div class="card">
<div class="card-title">历史上的今天</div>
<div class="card-main">
<a href="/today">
<div style="background-image:url('/static/temp/history.png');position: relative; top: 30px; height: 174px; background-position: center; background-repeat: no-repeat; background-size: contain;"></div>
</a>
</div>
</div>
</div>
</div>
<footer class="footer-main">
<div class="qr">
......
......@@ -80,6 +80,39 @@
},
});
});
$('.album-alert .album-swiper .swiper-slide img').each(function(){
var $img = $(this);
var imgSrc = $img.attr("src");
getImageWidth(imgSrc,function(w,h){
console.log({width:w,height:h});
if(w > h){
$img.css('width', '100%')
.css('position', 'absolute')
.css('top', '50%')
.css('transform','translateY(-50%)');
$img.parent().css('position', 'relative');
}
else{
$img.css('height', '100%').css('margin', 'auto');
}
});
});
function getImageWidth(url,callback){
var img = new Image();
img.src = url;
// 如果图片被缓存,则直接返回缓存数据
if(img.complete){
callback(img.width, img.height);
}else{
// 完全加载完毕的事件
img.onload = function(){
callback(img.width, img.height);
}
}
}
})
</script>
</head>
......@@ -88,7 +121,7 @@
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img src="/static/images/logo.png">
<img src="/static/images/index.png">
</a>
</div>
<div class="navbar-collapse">
......
......@@ -326,27 +326,27 @@
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">周
<small>(1888—1984)</small>
<h5 class="media-title">周
<small>(1885—1967)</small>
</h5>
<div class="media">
<div class="media-body">
<p>
浙江绍兴人,字松寿,又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学,次年任上海商务印书馆编辑,从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会,开展抗日救亡斗争。抗战胜利后,任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》,译有达尔文《物种起源》。</p>
中国散文家、翻译家。原名櫆寿,字启明,晚年改名遐寿,浙江绍兴人。青年时代留学日本,与兄周树人(鲁迅)一起翻译介绍外国文学。五四运动时任北京大学等校教授,并从事写作。论文《人的文学》、《美文》,新诗《小河》在新文学运动中均有影响。所作散文,风格冲淡朴讷,从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作,译有《日本狂言选》、《伊索寓言》等;著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_09.jpg">
<img class="align-self-start ml-3" src="/static/images/luxun_12.jpg">
</div>
</li>
<li>
<h5 class="media-title">周
<small>(1885—1967)</small>
<h5 class="media-title">周
<small>(1888—1984)</small>
</h5>
<div class="media">
<div class="media-body">
<p>
中国散文家、翻译家。原名櫆寿,字启明,晚年改名遐寿,浙江绍兴人。青年时代留学日本,与兄周树人(鲁迅)一起翻译介绍外国文学。五四运动时任北京大学等校教授,并从事写作。论文《人的文学》、《美文》,新诗《小河》在新文学运动中均有影响。所作散文,风格冲淡朴讷,从容平和。20世纪30年代和林语堂一起鼓吹“闲适幽默”小品。抗战时期曾任伪华北政务委员会教育总署督办。著有《自己的园地》、《雨天的书》、《谈龙集》、《谈虎集》、《瓜豆集》及《中国新文学的源流》等。新中国成立后主要从事翻译工作,译有《日本狂言选》、《伊索寓言》等;著有《鲁迅的故家》、《鲁迅小说中的人物》、《知堂回想录》等。</p>
浙江绍兴人,字松寿,又字乔峰。鲁迅胞弟。1920年在北京大学攻读哲学,次年任上海商务印书馆编辑,从事生物学的研究和编译工作。先后在上海大学、神州大学、上海暨南大学、安徽大学任教。1932年参与筹建中国民权保障同盟。后在上海组织马列主义读书会,开展抗日救亡斗争。抗战胜利后,任生活书店、新知书店编辑。1945年12月与马叙伦等在上海发起成立中国民主促进会。1948年加入中国共产党。1949年9月出席全国政协第一届全体会议。后任国家出版总署副署长、高等教育部副部长、浙江省人民政府副主席、浙江省省长、全国人大常委会副委员长、全国政协副主席、民进中央主席、民盟中央常委。是中共第九至十一届中央委员。著有《生物进化浅说》,译有达尔文《物种起源》。</p>
</div>
<img class="align-self-start ml-3" src="/static/images/luxun_12.jpg">
<img class="align-self-start ml-3" src="/static/images/luxun_09.jpg">
</div>
</li>
</ul>
......
......@@ -32,19 +32,19 @@
<div class="word-detail">
<div class="head-intro clearfix">
<div class="word pull-left">${vo.word}</div>
<div class="voice-box pull-left">
<div class="voice clearfix">
<div class="pull-left py">
<c:forEach items="${vo.spell}" var="item">
${item}
</c:forEach>
</div>
<div class="icon" style="background-image:url(/static/icons/voice.png)"></div>
</div>
<%--<div class="sub-name">长鼻目象科哺乳动物</div>--%>
</div>
<%--<div class="voice-box pull-left">--%>
<%--<div class="voice clearfix">--%>
<%--<div class="pull-left py">--%>
<%--【--%>
<%--<c:forEach items="${vo.spell}" var="item">--%>
<%--${item}--%>
<%--</c:forEach>--%>
<%--】--%>
<%--</div>--%>
<%--<div class="icon" style="background-image:url(/static/icons/voice.png)"></div>--%>
<%--</div>--%>
<%--&lt;%&ndash;<div class="sub-name">长鼻目象科哺乳动物</div>&ndash;%&gt;--%>
<%--</div>--%>
</div>
<div class="intro-box clearfix">
<c:forEach items="<%=HtmlHelper.baikeBreifToHtml(vo.getBrief())%>" var="item">
......
This diff could not be displayed because it is too large.
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!