Browse Source

公告页面UI调整,(粗调)

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@7945 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
hejq 9 years ago
parent
commit
3a560875b8
1 changed files with 32 additions and 23 deletions
  1. 32 23
      src/main/webapp/resources/tpl/public/info/notice_detail.html

+ 32 - 23
src/main/webapp/resources/tpl/public/info/notice_detail.html

@@ -1,39 +1,48 @@
+<style>
+	.body .block .row .left{
+		border-right: 1px solid #e8e8e8;
+		min-height: 460px;
+	}
+	.body .row .content li {
+		border-top: 1px solid #e8e8e8;
+	}
+</style>
 <div class="body notice-container">
 	<div class="block doc">
 		<!-- <div class="title" ng-bind="::noticeBody.notice.title"></div>
 		<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-8 col-md-8 col-sm-8 col-xs-8 left">
-				<div class="title" ng-bind="::noticeBody.notice.title"></div>
-				<div class="sign">
-					<span ng-bind="::noticeBody.notice.date | date:'yyyy年MM月dd'"></span>&nbsp;&nbsp;&nbsp;&nbsp;来自:<span
-						ng-bind="::noticeBody.notice.writer"></span>
-				</div>
-				<div>
-					<hr />
-				</div>
-				<div class="content textNotice" ng-bind-html="::noticeBody.text"></div>
-				<div class="photo">
-					<img width="670px" ng-src="{{::noticeBody.imgurl}}">
-				</div>
-			</div>
-			<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
-			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 right">
+			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 left">
 				<div class=" head ">
-					<h4>最新公告</h4>
+					<h4 class="text-center">最新公告</h4>
 				</div>
 				<div class="content">
-					<ul class="list-unstyled">
-						<li ng-repeat="notice in notices"><a
-							href="public#/notice/{{notice.id}}" ng-bind="::notice.title"
-							target="_blank"> </a></li>
+					<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>
+						</li>
 					</ul>
-					<div class="footer">
-						<a href="public#/notice">查看更多<i
+					<div class="footer" ng-if="notices.length > 10">
+						<a href="public#/notice" class="pull-right">查看更多<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">
+					<span class="title" ng-bind="::noticeBody.notice.title" ></span>
+				</div>
+				<div class="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>
 		</div>
 	</div>