模式二帖子列表添加分页
This commit is contained in:
parent
fd543828ac
commit
7fbf6f4011
|
|
@ -29,21 +29,26 @@
|
|||
|
||||
<div class="sn-reply-comment">
|
||||
<h2 class="sn-comment-h2">全部评论</h2>
|
||||
<div class="">
|
||||
<% comments_for_doc.each_with_index do |reply,i| %>
|
||||
<div class="sn-comment-listbox">
|
||||
<a href="javascript:void(0)" class="sn-reply-userpic fl"><img src="images/img-news-con.jpg" width="824" height="522" alt="" /></a>
|
||||
<%= link_to User.find(reply.creator_id).realname, user_url_in_org(reply.creator_id), :class => "sn-reply-username fl" %><span class="fl"><%= time_from_now(reply.created_at) %></span>
|
||||
<p class="fl sn-reply-usertxt "><%= reply.content.html_safe unless reply.content.nil? %></p>
|
||||
<!--<a href="javascript:void(0)" target="_blank" class="sn-reply-zan fl">（100）</a>-->
|
||||
<div class="cl"></div>
|
||||
|
||||
<div id="newstyle_reply_div_<%= document.id %>" style="display:<%= count == 0 ? 'none' : 'block' %>">
|
||||
<% comments_for_doc.each_with_index do |reply,i| %>
|
||||
<div class="sn-comment-listbox">
|
||||
<a href="javascript:void(0)" class="sn-reply-userpic fl"><img src="images/img-news-con.jpg" width="824" height="522" alt="" /></a>
|
||||
<%= link_to User.find(reply.creator_id).realname, user_url_in_org(reply.creator_id), :class => "sn-reply-username fl" %><span class="fl"><%= time_from_now(reply.created_at) %></span>
|
||||
<p class="fl sn-reply-usertxt "><%= reply.content.html_safe unless reply.content.nil? %></p>
|
||||
<!--<a href="javascript:void(0)" target="_blank" class="sn-reply-zan fl">（100）</a>-->
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<% if count > 3 %>
|
||||
<div class="sn-reply-more">
|
||||
<a id="reply_btn_<%= document.id %>" onclick="expand_reply('#newstyle_reply_div_<%= document.id %> li','#reply_btn_<%=document.id%>')" data-count="<%= count %>" data-init="0" href="javascript:void(0)" value="show_help">
|
||||
展开回复
|
||||
</a>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="sn-reply-more">
|
||||
<a href="javascript:void(0)" class="">加载更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
|
@ -14,38 +14,13 @@
|
|||
</li>
|
||||
<% end %>
|
||||
</ul>
|
||||
|
||||
<div>
|
||||
<ul class="wlist" id="pages" style="margin-top: 5px;">
|
||||
<%= pagination_links_full @atta_pages, @atta_count, :per_page_links => false, :remote => @is_remote %>
|
||||
<ul class="sn-inner-pages" id="pages" style="margin-top: 5px;">
|
||||
<%= pagination_links_full @atta_pages, @atta_count, :per_page_links => false, :remote => @is_remote, :flag => true %>
|
||||
<div class="cl"></div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sn-row sn-bg-white">
|
||||
<div class="sn-wrap">
|
||||
<ul class="sn-scroll sn-mb40">
|
||||
<li class="sn-scroll-block sn-scroll-control">上一页</li>
|
||||
<li class="sn-scroll-num sn-scroll-page">1</li>
|
||||
<li class="sn-scroll-block sn-scroll-num">2</li>
|
||||
<li class="sn-scroll-block sn-scroll-num">3</li>
|
||||
<li class="sn-scroll-block sn-scroll-num">4</li>
|
||||
<li class="sn-scroll-block sn-scroll-num">5</li>
|
||||
<li class="sn-scroll-block sn-scroll-num">...</li>
|
||||
<li class="sn-scroll-block sn-scroll-num">25</li>
|
||||
<li class="sn-scroll-block sn-scroll-control">下一页</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="sn-inner-pages">
|
||||
<a href="javascript:void(0);" class="sn-inner-pages-big" >上一页</a>
|
||||
<a href="javascript:void(0);" class="sn-pages-active " >1</a>
|
||||
<a href="javascript:void(0);" >2</a>
|
||||
<a href="javascript:void(0);" >3</a>
|
||||
<a href="javascript:void(0);" >...</a>
|
||||
<a href="javascript:void(0);" >31</a>
|
||||
<a href="javascript:void(0);" class="sn-inner-pages-big" >下一页</a>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -166,11 +166,7 @@ a.more-btn{ display:block; width:185px; height:30px; text-align:center; backgrou
|
|||
.sn-inner-newslist a:hover{ color:#24366e;}
|
||||
a.sn-newslist-titile{ font-size:15px;width:840px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
|
||||
a:hover.sn-newslist-reply,a:hover.sn-newslist-zan{ color:#379be9;}
|
||||
.sn-inner-pages a{ display:block; font-size:12px; border:1px solid #d1d1d1; color:#999; float:left; width:30px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
|
||||
.sn-inner-pages a:hover{ background-color:#24366e; color:#fff;}
|
||||
a.sn-inner-pages-big{ width:50px;}
|
||||
a.sn-pages-active{ background-color:#24366e; color:#fff;}
|
||||
.sn-inner-pages{width:330px; margin:40px auto 100px;}
|
||||
|
||||
/* 内页新闻展示 */
|
||||
.sn-inner-newscon{ width:1200px; padding:5px 0 50px; border-bottom:1px solid #e8e8e8; margin-bottom:30px; color:#999; font-size:14px; }
|
||||
.sn-inner-pcon{text-indent:2em;}
|
||||
|
|
@ -214,3 +210,23 @@ a.sn-reply-username { color:#24366e; margin-right:15px; }
|
|||
.org-popup-wrap {border:3px solid #269ac9; padding:15px; background-color:#ffffff; position:relative; z-index:1000;}
|
||||
.org-popup-close {background:url(../images/resource_icon_list.png) 0px -40px no-repeat; width:20px; height:20px; display:block; position: absolute; z-index: 1000; right:10px; top:5px;}
|
||||
|
||||
/****翻页***/
|
||||
/*ul.wlist{ float:right; border-bottom:none; height:30px; margin-top:20px; }*/
|
||||
/*ul.wlist li{float: left;}*/
|
||||
/*ul.wlist li a{ border:1px solid #15bccf; padding: 1px 4px 1px 4px; margin-left:3px;}*/
|
||||
/*ul.wlist li a:hover{ background:#15bccf; color:#fff; text-decoration:none;}*/
|
||||
/*.wlist_select {display:block; font-size:12px; border:1px solid #d1d1d1; color:#24366e; float:left; width:50px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }*/
|
||||
.wlist_select a{background-color: #24366e;cursor: default;width: 30px;}
|
||||
|
||||
.sn-inner-pages a{ display:block; font-size:12px; border:1px solid #d1d1d1; color:#999; float:left; width:50px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
|
||||
.sn-inner-pages a:hover{ background-color:#24366e; color:#fff;}
|
||||
a.sn-inner-pages-big{ width:50px;}
|
||||
a.sn-pages-active{ background-color:#24366e; color:#fff;}
|
||||
.sn-inner-pages{width:330px; margin:40px auto 100px;}
|
||||
|
||||
ul.sn-inner-pages{ float:right; border-bottom:none; height:30px; margin-top:20px; }
|
||||
ul.sn-inner-pages li{float: left;}
|
||||
ul.sn-inner-pages li a{border: 1px solid #d1d1d1;padding: 1px 4px 1px 4px;margin-left: 3px;}
|
||||
ul.sn-inner-pages li a:hover{ background-color:#24366e; color:#fff; text-decoration:none;}
|
||||
.sn-inner-pages_select { background-color:#24366e; color:#fff; padding: 1px 5px 0px 5px; margin-left:3px;margin-top: -2px; border:1px solid #64bdd9;}
|
||||
.sn-inner-pages_select a{background-color: #24366e; color: #fff;cursor: default;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue