|
|
@@ -1,11 +1,94 @@
|
|
|
-<style>
|
|
|
- .body .block .row .left{
|
|
|
- border-right: 1px solid #e8e8e8;
|
|
|
- min-height: 460px;
|
|
|
- }
|
|
|
- .body .row .content li {
|
|
|
- border-top: 1px solid #e8e8e8;
|
|
|
- }
|
|
|
+<style>
|
|
|
+ .body .block .row .left{
|
|
|
+ border-right: 1px solid #e8e8e8;
|
|
|
+ min-height: 720px;
|
|
|
+ }
|
|
|
+ .body .block .row{
|
|
|
+ max-width: 1170px;
|
|
|
+ background: #fff;
|
|
|
+ min-height: 720px;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1366px){
|
|
|
+ .body .block .row .left,.body .block .row{
|
|
|
+ min-height: 600px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .body .row .content li {
|
|
|
+ border-top: 1px solid #e8e8e8;
|
|
|
+ height: 80px;
|
|
|
+ padding: 0px 15px;
|
|
|
+ }
|
|
|
+ .body .row .content li:last-child{
|
|
|
+ border-bottom: 1px solid #e8e8e8;
|
|
|
+ }
|
|
|
+ .body .row .content li a{
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ padding-top: 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .body .row .content li a span{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ .body .row .content li a p{
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .body .row .content li a em{
|
|
|
+ max-width: 125px;
|
|
|
+ display: block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-style: inherit;
|
|
|
+ float: left;
|
|
|
+
|
|
|
+ }
|
|
|
+ .body .row .content li a img{
|
|
|
+ margin-left: 5px;
|
|
|
+ vertical-align: inherit;
|
|
|
+ }
|
|
|
+ .body .row .content li:hover{
|
|
|
+ background: #e8e8e8;
|
|
|
+ }
|
|
|
+ .body .row .content li:hover a{
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ .body .row .col-lg-4{
|
|
|
+ padding: 0;
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+ .body{
|
|
|
+ padding: 0;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .body .right{
|
|
|
+ padding-top: 15px;
|
|
|
+ }
|
|
|
+ .body .sign{
|
|
|
+ height: 80px;
|
|
|
+ line-height: 80px;
|
|
|
+ }
|
|
|
+ .body .sign span{
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+ .body .textNotice{
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .body .pull-right span{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .body .row .head h4{
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .body .row .footer{
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
</style>
|
|
|
<div class="body notice-container">
|
|
|
<div class="block doc">
|
|
|
@@ -13,35 +96,39 @@
|
|
|
<div class="content" ng-bind-html="::noticeBody.text"></div>
|
|
|
<div class="sign">商务平台团队<br><span ng-bind="::noticeBody.notice.date | date:'yyyy年MM月dd'"></span></div> -->
|
|
|
<div class="row">
|
|
|
- <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 left">
|
|
|
+ <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 left">
|
|
|
<div class=" head ">
|
|
|
<h4 class="text-center">最新公告</h4>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
- <ul class="list-unstyled">
|
|
|
- <li ng-repeat="notice in notices">
|
|
|
- 公告名称<span class="pull-right text-muted" ng-bind="::notice.date | date:'yyyy-MM-dd HH:mm'"></span> <br>
|
|
|
- <a href="public#/notice/{{notice.id}}" ng-bind="::notice.title"></a>
|
|
|
+ <ul class="list-unstyled">
|
|
|
+ <li ng-repeat="notice in notices">
|
|
|
+ <a href="public#/notice/{{notice.id}}">
|
|
|
+ <em>公告名称</em><img src="resources/img/home/new.png"><span class="pull-right text-muted" ng-bind="::notice.date | date:'yyyy-MM-dd HH:mm'"></span> <br>
|
|
|
+ <p ng-bind="::notice.title"></p>
|
|
|
+ </a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="footer" ng-if="notices.length > 10">
|
|
|
- <a href="public#/notice" class="pull-right">查看更多<i
|
|
|
+ <a href="public#/notice" class="pull-right" style="margin-right: 15px;">查看更多<i
|
|
|
class="fa fa-angle-double-right" style="margin-left: 3px;"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
|
|
|
- <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 right">
|
|
|
- <div class="pull-right text-muted" ng-bind="::noticeBody.notice.date | date:'yyyy-MM-dd HH:mm'"></div><br>
|
|
|
- <div class="sign text-center">
|
|
|
+ <!--<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>-->
|
|
|
+ <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 right" style="width: 840px;">
|
|
|
+ <div class="col-sm-12">
|
|
|
+ <div class="pull-right text-muted" ng-bind="::noticeBody.notice.date | date:'yyyy-MM-dd HH:mm'"></div><br>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-12 sign text-center">
|
|
|
<span class="title" ng-bind="::noticeBody.notice.title" ></span>
|
|
|
</div>
|
|
|
- <div class="content textNotice" ng-bind-html="::noticeBody.text"></div>
|
|
|
+ <div class="col-sm-12 content textNotice" ng-bind-html="::noticeBody.text"></div>
|
|
|
<div class="photo">
|
|
|
<img width="670px" ng-src="{{::noticeBody.imgurl}}">
|
|
|
- </div>
|
|
|
- <div class="pull-right">
|
|
|
- <span ng-bind="::noticeBody.notice.writer"></span>
|
|
|
+ </div>
|
|
|
+ <div class="pull-right">
|
|
|
+ <span ng-bind="::noticeBody.notice.writer"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
ouxianqin