Skip to content

石磊 / cihai

Go to a project
Commit 04679a89 by 侯昆
Options

pc修改

1 parent 3bb71d89
Expand all
Inline Side-by-side
Showing 76 changed files with 187 additions and 158 deletions
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/index.jsp
...@@ -11,69 +11,70 @@ ...@@ -11,69 +11,70 @@
<jsp:param name="pageTitle" value="首页"/> <jsp:param name="pageTitle" value="首页"/>
</jsp:include> </jsp:include>
<div class="wrapper-index"> <div class="wrapper-index">
<nav class="navbar navbar-default"> <%--<nav class="navbar navbar-default">--%>
<div class="container-fluid"> <%--<div class="container-fluid">--%>
<div class="navbar-header"> <%--<div class="navbar-header">--%>
<a class="navbar-brand" href="/"> <%--<a class="navbar-brand" href="/">--%>
<%--<img src="/static/images/logo.png">--%>
<%--</a>--%>
<%--</div>--%>
<%--<div class="navbar-collapse">--%>
<%--<form class="navbar-form clearfix">--%>
<%--<div class="navbar-main-list">--%>
<%--<span class="icon icon-search"></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>--%>
<%--<ul class="nav navbar-nav navbar-right">--%>
<%--<li>--%>
<%--<a class="btn btn-primary" href="#">登录</a>--%>
<%--</li>--%>
<%--<li>--%>
<%--<a class="btn btn-default" href="#">注册</a>--%>
<%--</li>--%>
<%--</ul>--%>
<%--</div>--%>
<%--</div>--%>
<%--</nav>--%>
<a class="logo" href="/">
<img src="/static/images/logo.png"> <img src="/static/images/logo.png">
</a> </a>
</div> <a class="calendar" href="/today">
<div class="navbar-collapse"> <img src="/static/images/calendar2.png" alt="历史上的今天" title="历史上的今天">
<form class="navbar-form clearfix"> </a>
<div class="navbar-main-list">
<span class="icon icon-search"></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>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid search-main"> <div class="container-fluid search-main">
<form class="navbar-form clearfix j_search_form" action="/home/search" method="GET"> <form class="navbar-form clearfix j_search_form" action="/home/search" method="GET">
<div class="logo-search"> <div class="logo-search">
<a>
<img class="img-responsive" src="/static/images/logo-search.png"> <img class="img-responsive" src="/static/images/logo-search.png">
</a>
</div> </div>
<div class="search-main-input-wrapper"> <div class="search-main-input-wrapper">
<img class="search-main-input-img" src="/static/images/bg-dog.png" alt="">
<div class="search-main-input-inner clearfix"> <div class="search-main-input-inner clearfix">
<div class="form-group input-group-lg"> <div class="form-group input-group-lg">
<input class="form-control j_search_content" name="keyword" type="text"> <input class="form-control j_search_content" name="keyword" type="text">
<button class="btn navbar-search-camera" type="button"> <button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera"> <div class="icon icon-camera">
<input name="image" type="file" class="j_search_image" style="opacity: 0" accept=".png, .jpg, .jpeg"> <input name="image" type="file" class="j_search_image" style="opacity: 0;width:100%" accept=".png, .jpg, .jpeg">
</div> </div>
</button>
<%--</button>--%>
<%--<button class="btn navbar-search-microphone" type="button">--%> <%--<button class="btn navbar-search-microphone" type="button">--%>
<%--<div class="icon icon-microphone"></div>--%> <%--<div class="icon icon-microphone"></div>--%>
<%--</button>--%> <%--</button>--%>
</div> </div>
<button class="btn btn-inverse btn-lg" type="submit">搜索</button> <button class="btn btn-search btn-lg" type="submit"></button>
</div> </div>
</div> </div>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
</form> </form>
</div> </div>
<div class="push-main"> <div class="push-main">
...@@ -133,23 +134,9 @@ ...@@ -133,23 +134,9 @@
</div> </div>
<div class="col-lg-7 col-xs-12"> <div class="col-lg-7 col-xs-12">
<div class="card"> <div class="card">
<div class="card-title">历史上的今天</div> <div class="card-title">词云</div>
<div class="card-main"> <div class="card-main">
<div class="card-history"> <div class="word"></div>
<div class="card-calendar">
<span class="prev">前</span>
<span class="current"><%=DateFormatUtils.format(new Date(), "yyyy年M月d日")%></span>
<img src="/static/images/calendar.png">
<span class="next">后</span>
</div>
<a href="/today">
<div class="card-history-list">
<div class="card-history-item">2004年<%=DateFormatUtils.format(new Date(), "M月d日")%>人类第一次进行从彗星核中取样</div>
<div class="card-history-item">2001年<%=DateFormatUtils.format(new Date(), "M月d日")%>金门与厦门之间 两岸“小三通”首航</div>
<div class="card-history-item">1997年<%=DateFormatUtils.format(new Date(), "M月d日")%>科菲·安南正式就任联合国秘书长</div>
</div>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/include/header_search.jsp
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<title>辞海-${param.pageTitle}</title> <title>辞海-${param.pageTitle}</title>
<link rel="stylesheet" href="/static/css/vendor.css"> <link rel="stylesheet" href="/static/css/vendor.css">
<link rel="stylesheet" href="/static/css/index.css"> <%--<link rel="stylesheet" href="/static/css/index.css">--%>
<script src="/static/js/plugins/jquery.min.js"></script> <script src="/static/js/plugins/jquery.min.js"></script>
<script src="/static/js/plugins/validator/jquery.validator.js"></script> <script src="/static/js/plugins/validator/jquery.validator.js"></script>
<script src="/static/js/common.js"></script> <script src="/static/js/common.js"></script>
...@@ -126,14 +126,14 @@ ...@@ -126,14 +126,14 @@
<a href="#">科技</a> <a href="#">科技</a>
</div> </div>
</form> </form>
<ul class="nav navbar-nav navbar-right"> <%--<ul class="nav navbar-nav navbar-right">--%>
<li> <%--<li>--%>
<a class="btn btn-primary" href="#">登录</a> <%--<a class="btn btn-primary" href="#">登录</a>--%>
</li> <%--</li>--%>
<li> <%--<li>--%>
<a class="btn btn-default" href="#">注册</a> <%--<a class="btn btn-default" href="#">注册</a>--%>
</li> <%--</li>--%>
</ul> <%--</ul>--%>
</div> </div>
</div> </div>
</nav> </nav>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/word/character_baike.jsp
...@@ -18,9 +18,10 @@ ...@@ -18,9 +18,10 @@
style="background-image:url(${vo.images.get(0).file})" style="background-image:url(${vo.images.get(0).file})"
</c:when> </c:when>
<c:otherwise> <c:otherwise>
style="background-image:url(/static/images/word-bg-01.jpg)"> style="background-image:url(/static/images/word-bg-01.jpg)"
</c:otherwise> </c:otherwise>
</c:choose> </c:choose>
>
<div class="container"> <div class="container">
<div class="content"> <div class="content">
<div class="row"> <div class="row">
...@@ -44,13 +45,13 @@ ...@@ -44,13 +45,13 @@
<div class="head-intro clearfix"> <div class="head-intro clearfix">
<div class="word pull-left">${vo.word}</div> <div class="word pull-left">${vo.word}</div>
<div class="voice-box pull-left"> <div class="voice-box pull-left">
<div class="voice clearfix"> <%--<div class="voice clearfix">--%>
<div class="pull-left py"> <%--<div class="pull-left py">--%>
<c:forEach items="${vo.spell}" var="item"> <%--<c:forEach items="${vo.spell}" var="item">--%>
【${item}】 <%--【${item}】--%>
</c:forEach> <%--</c:forEach>--%>
</div> <%--</div>--%>
<div class="icon" style="background-image:url(/static/icons/voice.png)"></div> <%--<div class="icon" style="background-image:url(/static/icons/voice.png)"></div>--%>
</div> </div>
<%--<div class="sub-name">长鼻目象科哺乳动物</div>--%> <%--<div class="sub-name">长鼻目象科哺乳动物</div>--%>
</div> </div>
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/word/character_paraph.jsp
...@@ -92,14 +92,14 @@ ...@@ -92,14 +92,14 @@
</div> </div>
</div> </div>
<div class="character__bd"> <div class="character__bd">
<c:if test="${vo.word eq '象'}" >
<div class="character-spell"> <div class="character-spell">
<c:forEach items="${vo.spell}" var="item"> 【xiàng】
【${item}】
</c:forEach>
<div class="character-voice"> <div class="character-voice">
<div class="icon icon-voice"></div> <div class="icon icon-voice"></div>
</div> </div>
</div> </div>
</c:if>
<div class="character-info clearfix"> <div class="character-info clearfix">
<c:forEach items="<%=HtmlHelper.paraphBriefToHtml(vo.getBrief())%>" var="item"> <c:forEach items="<%=HtmlHelper.paraphBriefToHtml(vo.getBrief())%>" var="item">
${item} ${item}
......
serverside/cihai-pc/src/main/webapp/static/1-3检索列表.html
...@@ -47,14 +47,6 @@ ...@@ -47,14 +47,6 @@
<a href="#">科技</a> <a href="#">科技</a>
</div> </div>
</form> </form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div> </div>
</div> </div>
</nav> </nav>
......
serverside/cihai-pc/src/main/webapp/static/2-1字-语词义.html
...@@ -47,14 +47,6 @@ ...@@ -47,14 +47,6 @@
<a href="#">科技</a> <a href="#">科技</a>
</div> </div>
</form> </form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div> </div>
</div> </div>
</nav> </nav>
......
serverside/cihai-pc/src/main/webapp/static/css/h5.css 0 → 100644
body{font-size:14px;line-height:22px}.wrapper-ipad-app-h5{padding:2.5rem 2.08rem}.header-main-1{padding-bottom:1.5rem}.header-main-1 .header-main-left{float:left;width:8.33rem}.header-main-1 .header-main-left h1{margin:0 0 5px;padding:0;width:8.33rem;height:8.33rem;border:1px solid #313131;text-align:center;font-size:5.33rem;font-weight:bold;line-height:8.16rem;background:url("../images/bg-tianzige.png") center no-repeat}.header-main-1 .header-main-left h1 span{display:block;width:100%;height:100%;background:transparent center no-repeat;background-size:contain;text-indent:-10000px}.header-main-1 .header-main-left h1 .bg-xiang{background-image:url("../images/bg-xiang.gif")}.header-main-1 .header-main-left .header-main-word-dropdown{width:100%}.header-main-1 .header-main-left .header-main-word-dropdown .btn{width:50%;float:left;padding:0;position:relative;z-index:2;margin-left:-1px;border:1px solid #187bb2;color:#fff;background-color:#187bb2;border-radius:0;font-size:1rem;height:2rem;line-height:1.83rem}.header-main-1 .header-main-left .header-main-word-dropdown .btn:first-child{margin-left:1px}.header-main-1 .header-main-left .header-main-word-dropdown .btn:focus,.header-main-1 .header-main-left .header-main-word-dropdown .btn:active,.header-main-1 .header-main-left .header-main-word-dropdown .btn:focus:active{text-decoration:none}.header-main-1 .header-main-left .header-main-word-dropdown .btn:after{border:none;width:.66rem;height:.5rem;vertical-align:.16rem;background:url("../images/arrow-gray-down-blank.png") center no-repeat;background-size:contain}.header-main-1 .header-main-left .header-main-word-dropdown .btn.collapsed{border:1px solid #313131;z-index:1;background-color:#fff;color:#a8a8a8}.header-main-1 .header-main-left .header-main-word-dropdown .btn.collapsed:after{background-image:url("../images/arrow-gray-down.png")}.header-main-1 .header-main-right{margin-left:9.5rem;font-size:1rem}.header-main-1 .header-main-right .word-read{height:1.66rem;margin-bottom:2.5rem;line-height:1.66rem;font-size:1.16rem}.header-main-1 .header-main-right .word-read span{margin-left:-5px}.header-main-1 .header-main-right .word-read .link .icon-shengyin{position:relative;top:2px}.header-main-1 .header-main-right table>tbody>tr>td{padding:0 1.16rem 0 0}.header-main-1 .header-main-right table>tbody>tr>td strong{font-size:1.5rem;font-weight:normal}.header-main-1 .collapse-wrapper{padding-top:.83rem}.content-detail{font-size:1.16rem;line-height:2}.content-detail .list-paddingleft-2{padding-left:1.16rem}.content-detail .list-paddingleft-2 li{list-style:none;position:relative;font-size:1rem;margin-bottom:1.33rem;color:#a8a8a8}.content-detail .list-paddingleft-2 li:before{content:attr(data-num);position:absolute;left:-1.34rem;top:0;font-size:1rem;color:#a8a8a8;display:inline-block}.content-detail .list-paddingleft-2 li p{line-height:1.5;margin-bottom:.5rem;color:#333}.content-detail .list-paddingleft-2 li p:first-child{margin-bottom:.16rem}.content-detail .list-paddingleft-2 li p a{color:#187bb2}.content-detail .list-paddingleft-2 li p strong{font-size:1.33rem;font-weight:normal}.nav-tabs-main{border-color:#333}.nav-tabs-main .nav-item .nav-link{border-radius:0;padding:0 1.5rem;font-size:1rem;height:2.16rem;line-height:2rem;color:#a8a8a8}.nav-tabs-main .nav-item .nav-link .badge{padding:0.25em 0.4em;font-weight:normal;border-radius:50%}.nav-tabs-main .nav-item .nav-link.active{border-color:#333 #333 #fff;font-weight:bold;color:#187bb2}.header-main-2{position:relative;height:7.5rem}.header-main-2 .header-main-left h1{float:left;margin-right:.83rem;font-size:3.33rem;font-weight:bold}.header-main-2 .header-main-left .header-main-desc h4{font-size:1.16rem;font-weight:bold;color:#187bb2}.header-main-2 .header-main-left .header-main-desc .word-read{padding:.5rem 0 0}.header-main-2 .header-main-left .header-main-desc .word-read span{margin-left:-5px}.header-main-2 .header-main-right{position:absolute;right:0;top:0}.header-main-2 .header-main-right .album{width:7.5rem;height:5.41rem;font-size:1rem;color:#187bb2;text-align:center}.header-main-2 .header-main-right .album:before,.header-main-2 .header-main-right .album:after{content:"";width:7.5rem;height:5.41rem;position:absolute;left:-4px;top:4px;z-index:1;border:1px solid #c7bdae;background-color:#fff}.header-main-2 .header-main-right .album:after{left:-2px;top:2px}.header-main-2 .header-main-right .album a{position:relative;z-index:3}.header-main-2 .header-main-right .album img{margin-bottom:.5rem;width:7.5rem;height:5.41rem}.encyclopedias{padding:.83rem 0 2.5rem;font-size:1.16rem;color:#888;line-height:1.8}.encyclopedias table{width:100%}.encyclopedias table th,.encyclopedias table td{vertical-align:top}.list-img{margin-bottom:1.25rem;margin-left:-10px;margin-right:-10px}.list-img>div{padding-left:10px;padding-right:10px}.relation-word-body{background-color:#f8f8f8}.relation-word-body .relation-word{margin-left:-15px;margin-right:-15px}.relation-word{padding:1.5rem 1.25rem 1.5rem 2rem;background-color:#f8f8f8}.relation-word h4{font-size:1.08rem;font-weight:bold}.relation-word .list-group{position:relative;margin-bottom:1.25rem}.relation-word .list-group .list-group-item{background:transparent;border:none;font-size:1rem;padding:.08rem 0;color:#333}.relation-word .list-group .list-group-item-header{color:#187bb2}.relation-word .list-group .opt{position:absolute;right:0;bottom:-.83rem;z-index:2;padding-left:14px;font-size:1rem;color:#a8a8a8;cursor:pointer}.relation-word .list-group .opt.open:after{transform:rotate(180deg)}.atlas-content{height:600px}.atlas-content .vis-active{box-shadow:none;outline:none}.media-yuci .card{border:none}.media-yuci .card .card-header{padding:0;background-color:#fff;border-bottom-color:#eaeaea}.media-yuci .card .card-header .btn{margin-bottom:-1px;font-size:1.33rem;color:#333;border-radius:0;border-bottom-color:#187bb2;display:block;text-align:left;position:relative}.media-yuci .card .card-header .btn:after{content:"";display:block;position:absolute;left:-2px;bottom:-2px;z-index:1;width:4px;height:4px;border-radius:2px;background-color:#187bb2}.media-yuci .card .card-header button{padding:0;background:none;border:none;box-shadow:none;display:block;width:100%;text-align:left;outline:none}.media-yuci .card .card-header button:before{display:block;content:"";float:right;margin:16px 5px 0 0;width:14px;height:8px;background:url("../images/arrow-gray-down.png") center no-repeat;background-size:cover;transform:rotate(0)}.media-yuci .card .card-header button.collapsed:before{transform:rotate(-90deg)}.media-yuci .card-body{padding:2rem 0 .83rem 0;color:#888}.media-yuci .media-title{font-weight:bold;font-size:1.33rem}.history{background:#f8f8f8 url("../images/bg-history.jpg") left top repeat-x}.history h1{margin-bottom:10px;font-size:2.5rem;font-weight:bold}.history .nav-link{position:relative;font-size:1.16rem;color:#b7b7b7;padding:.83rem 1.33rem;margin:0 .16rem;border-bottom:2px solid transparent}.history .nav-link.active{color:#187bb2;border-bottom-color:#187bb2}.list-history{margin-top:4.16rem;padding:0;list-style:none;display:block;position:relative;font-size:1.16rem;color:#585858;margin-bottom:0}.list-history:before{content:"";position:absolute;display:block;left:50%;top:0;bottom:50px;z-index:1;margin-left:-1px;width:2px;background-color:#e9e9e9}.list-history .time{position:absolute;right:0;z-index:2;margin-right:-30px;width:60px;height:24px;line-height:24px;font-size:1rem;background-color:#187bb2;text-align:center;color:#fff;border-radius:5px}.list-history li{position:relative;padding-bottom:1.16rem;padding-right:3.33rem;margin-right:50%;text-align:right}.list-history li:nth-child(even){padding-right:0;margin-right:0;text-align:left;padding-left:3.33rem;margin-left:50%}.list-history li:nth-child(even) .time{right:0;margin-right:0;left:0;margin-left:-30px}.list-history .end{z-index:2;padding:3rem 0 0 !important;margin:2.5rem 0 0 !important;text-align:center !important;font-size:1rem;color:#adadad;background:url("../images/circle-history.png") center top no-repeat}.list-history .more{z-index:2;padding:3rem 0 0 !important;margin:2.5rem 0 0 !important;text-align:center !important}.list-history .more a{display:inline-block;width:28px;height:28px;background:url("../images/circle-history-more.png") center top no-repeat;background-size:cover;text-indent:-10000px;position:relative;top:-28px}.list-history .more a:hover{opacity:0.8}.carousel-control-prev,.carousel-control-next{width:10%}.list-history-default{margin-top:4.16rem;background:url("../images/history-default.png") top center no-repeat;background-size:contain;height:270px}
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 .search-main{position:absolute;top:40%;width:100%!important;margin-top:-80px}.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{position:absolute;width:100%;left:0;top:60%;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-1.png);background-position:0 0}.wrapper-index .push-main .footer-main .copyright{text-align:left}.wrapper-index .search-main-input-wrapper{float:left;padding:0 6px 4px 0;background:url(../images/bg-search-main-right.png) right 0 no-repeat}.wrapper-index .search-main-input-wrapper .search-main-input-inner{padding:0 0 6px 0;background:url(../images/bg-search-main.png) 4px bottom no-repeat}@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}}
\ No newline at end of file \ 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;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}
\ No newline at end of file \ 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
...@@ -10,50 +10,19 @@ ...@@ -10,50 +10,19 @@
</head> </head>
<body> <body>
<div class="wrapper-index"> <div class="wrapper-index">
<nav class="navbar navbar-default"> <a class="logo" href="index.html">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png"> <img src="images/logo.png">
</a> </a>
</div> <a class="calendar" href="历史上的今天.html">
<div class="navbar-collapse"> <img src="images/calendar2.png" alt="历史上的今天" title="历史上的今天">
<form class="navbar-form clearfix"> </a>
<div class="navbar-main-list">
<span class="icon icon-search"></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>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid search-main"> <div class="container-fluid search-main">
<form class="navbar-form clearfix"> <form class="navbar-form clearfix">
<div class="logo-search"> <div class="logo-search">
<a>
<img class="img-responsive" src="images/logo-search.png"> <img class="img-responsive" src="images/logo-search.png">
</a>
</div> </div>
<div class="search-main-input-wrapper"> <div class="search-main-input-wrapper">
<img class="search-main-input-img" src="images/bg-dog.png" alt="">
<div class="search-main-input-inner clearfix"> <div class="search-main-input-inner clearfix">
<div class="form-group input-group-lg"> <div class="form-group input-group-lg">
<input class="form-control" type="text"> <input class="form-control" type="text">
...@@ -64,12 +33,9 @@ ...@@ -64,12 +33,9 @@
<div class="icon icon-microphone"></div> <div class="icon icon-microphone"></div>
</button> </button>
</div> </div>
<button class="btn btn-inverse btn-lg" type="button">搜索</button> <button class="btn btn-search btn-lg" type="button"></button>
</div> </div>
</div> </div>
<a class="btn btn-link btn-lg" type="button">搜索助手
<span class="icon icon-help"></span>
</a>
</form> </form>
</div> </div>
<div class="push-main"> <div class="push-main">
...@@ -121,21 +87,9 @@ ...@@ -121,21 +87,9 @@
</div> </div>
<div class="col-lg-7 col-xs-12"> <div class="col-lg-7 col-xs-12">
<div class="card"> <div class="card">
<div class="card-title">历史上的今天</div> <div class="card-title">词云</div>
<div class="card-main"> <div class="card-main">
<div class="card-history"> <div class="word"></div>
<div class="card-calendar">
<span class="prev">前</span>
<span class="current">2018年1月2日</span>
<img src="images/calendar.png">
<span class="next">后</span>
</div>
<div class="card-history-list">
<div class="card-history-item">2004年1月2日人类第一次进行从彗星核中取样</div>
<div class="card-history-item">2001年1月2日金门与厦门之间 两岸“小三通”首航</div>
<div class="card-history-item">1997年1月2日科菲·安南正式就任联合国秘书长</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -155,5 +109,6 @@ ...@@ -155,5 +109,6 @@
</div> </div>
<script src="js/plugins/jquery.min.js"></script> <script src="js/plugins/jquery.min.js"></script>
<script src="js/vendor.js" merge="true"></script> <script src="js/vendor.js" merge="true"></script>
<script src="./js/wordcloud2.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/js/plugins/vis/vis.min.js 0 → 100644
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/js/vendor.js
This diff could not be displayed because it is too large.
serverside/cihai-pc/src/main/webapp/static/sections/zuoyi.html 0 → 100644
<div class="wrapper-ipad-app-h5">
<p class="text-center"><img class="img-fluid" src="images/zuoyi_01.jpg"/></p>
<div class="media-yuci" id="accordion">
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1"><span class="btn btn-link">联盟成员</span></button>
</div>
<div class="collapse" id="collapse1" data-parent="#accordion">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li>
<h5 class="media-title">罗竹风（1911—1996）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、宗教学家、出版家、辞书编纂家、杂文家。山东平度人。1931年起参加反帝大同盟和中国左翼作家联盟。1935年毕业于北京大学。1938年加入中国共产党。曾任平度县抗日民主政府县长、山东省教育厅督学主任等。新中国成立后历任山东大学教务长、教授，华东和上海市宗教事务处处长，上海市出版局局长，上海市哲学社会科学学会联合会主席，上海市语言文字工作委员会主任等。是中国语言学会副会长，中国宗教学会副会长。为《汉语大词典》主编、《辞海》常务副主编、《中国大百科全书》总编委兼《宗教卷》主编、《中国新文学大系·杂文卷》（1949—1976）主编等。著述以杂文见长，有文集《行云流水六十秋》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">方光焘（1898—1964）</h5>
<div class="media">
<div class="media-body">
<p>中国语言学家、文学家。原名曙先，浙江衢州人。早年留学日本。1921年参加创造社，1931年参加中国左翼作家联盟。1929—1931年在法国里昂大学专攻语言学。历任上海大学、安徽大学、复旦大学、暨南大学、中山大学、中央大学教授。新中国成立后任南京大学教授、中文系主任，兼任江苏省文化局局长、文联主席。1956年加入中国共产党。一生从事语言和文学的教研工作。提倡新文学。对普通语言学和语法理论颇有研究，创汉语语法学的“广义形态说”。有《方光焘语言学论文集》、《语法论稿》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">雷恩( Ludwig Renn ) （1889—1979）</h5>
<div class="media">
<div class="media-body">
<p>德国小说家。出身贵族。参加过第一次世界大战。20年代接受马克思主义。1928年参加德国共产党和红色阵线战士同盟。1928—1932年担任无产阶级革命作家联盟书记，出版《左曲线》等刊物。1933年纳粹执政后两次被捕，获释后流亡国外，参加国际纵队，支援西班牙人民。1939年流亡墨西哥，1947年回国。主要作品有小说《战争》、《战后》、《没落的贵族》，青少年读物《特里尼》、《黑人诺比》等。30年代初期曾致电鲁迅，支持中国左翼作家联盟的正义斗争。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《莽原》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1925年4月在北京创刊。鲁迅主编。初为周刊，附于《京报》发行，后由北京莽原出版社独立出版，北新书局发行，共出三十二期。1926年1月改为半月刊，由未名社印行。主要发表短篇小说、散文和翻译作品。鲁迅的《朝花夕拾》（发表时题作《旧事重提》）等曾发表于此。1927年12月出至第二卷第二十三、二十四期（合刊）停刊，共出四十八期。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">李求实 （1903—1931）</h5>
<div class="media">
<div class="media-body">
<p>湖北武昌（今武汉市武昌区）人，原名国纬，字北平，笔名伟森。武昌高等商业专科学校毕业。1922年加入中国共产党。1923年参加领导京汉铁路工人大罢工。1924年赴莫斯科东方大学学习。次年回国，先后任共青团湖南省委书记、团中央宣传部长，《中国青年》主编。1929年到中共中央宣传部工作，创办《上海报》。曾参加中国左翼作家联盟工作。1931年在上海龙华被国民党反动派杀害。和同时遇害的柔石、殷夫、胡也频、冯铿，合称“左联五烈士”。著有《革命歌集》、《小品文杂感集》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">王学文 （1895—1985）</h5>
<div class="media">
<div class="media-body">
<p>中国经济学家。原名守椿，号首春，江苏徐州人。1910年留学日本。1925年京都帝国大学经济学部毕业，后为该校大学院研究生。1927年加入中国共产主义青年团。同年回国，加入中国共产党。1928年参加创造社。先后在上海一些大学讲授马克思主义政治经济学和经济思想史。参与组织中国自由大同盟、中国左翼作家联盟、中国社会科学家联盟等团体。1937年到延安。先后任中共中央文化工作委员会书记、延安中央党校教务主任。1938年任中共中央马列学院副院长兼教导主任。1940年任中央军委总政治部敌工部长兼敌军工作干部学校校长，后任华北财经学院院长、中央马列学院政治经济学教研室主任。是第一、四届全国人大代表，第一届全国政协代表，第二、三届全国政协委员，第四、五届全国政协常委，中科院哲学社会科学部委员。著有《中国经济现状概论》、《近世欧洲经济思想史》、《政治经济学教程绪论》、《王学文〈资本论〉研究文集》等。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">夏征农 （1904—2008）</h5>
<div class="media">
<div class="media-body">
<p>江西丰城人，原名正和，曾用名夏子美、黎夫。1925年考入南京金陵大学，次年加入中国共产党。1927年参加南昌起义。1928年起任复旦大学共青团支部书记，江苏省团委宣传部秘书，《海上青年》杂志主编。1929年被国民党当局逮捕，狱中开始文学创作。次年出狱后，在共青团中央宣传部工作。1933年加入中国左翼作家联盟。抗日战争爆发后，历任新四军军政治部民运部长、中共苏中四地委宣传部长、苏中公学校长、华中建设大学副校长、中共济南市委宣传部长。新中国成立后，历任中共济南市委副书记，中共中央山东分局宣传部长，中共山东省委常委、济南市委书记处书记，中共中央华东局宣传部长，1966年6月被免职。1978年后任复旦大学党委书记，中共上海市委书记，上海市文联、社联主席，中国大百科全书总编辑委员会副主任。是中共八大代表，十二大列席代表，中顾委委员，中共十三大至十七大特邀代表。1978年起任《辞海》第三任主编。2002年任《大辞海》主编。主要著作编入《夏征农文集》。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="card mb-1">
<div class="card-header">
<button class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2"><span class="btn btn-link">旗下刊物</span></button>
</div>
<div class="collapse" id="collapse2" 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>文艺刊物。1928年9月在上海创刊。郁达夫等编辑。月刊。第二卷第一期起由陶晶孙主编。同卷第四期后改由大众文艺社编辑，成为中国左翼作家联盟机关刊物之一。曾展开文艺大众化问题的讨论，并出“新兴文学专号”（上、下册）介绍各国进步文学情况。1930年6月出至二卷五、六期（合刊）被国民党政府查禁，共出十二期十一册。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
<li>
<h5 class="media-title">《萌芽月刊》</h5>
<div class="media">
<div class="media-body">
<p>文艺刊物。1930年1月在上海创刊。鲁迅主编。第三期起为中国左翼作家联盟的机关刊物之一。着重介绍无产阶级文艺理论和文学作品。第三期曾辟“三月纪念号”，纪念马克思、恩格斯和巴黎公社，第五期为“五月各节纪念号”，纪念“五一”和“五卅”。1930年5月出至第五期被国民党政府查禁。第六期改名《新地》出版，随即停刊。</p>
<p class="mb-0"><br/></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file \ No newline at end of file
serverside/cihai-pc/src/main/webapp/static/历史上的今天.html
...@@ -47,14 +47,6 @@ ...@@ -47,14 +47,6 @@
<a href="#">科技</a> <a href="#">科技</a>
</div> </div>
</form> </form>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="btn btn-primary" href="#">登录</a>
</li>
<li>
<a class="btn btn-default" href="#">注册</a>
</li>
</ul>
</div> </div>
</div> </div>
</nav> </nav>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!