hushasha
/
trustieforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

模式二帖子列表添加分页

Browse Source
beidou_tim
huang 9 years ago
parent fd543828ac
commit 7fbf6f4011
3 changed files with 42 additions and 46 deletions
Show Stats Download Patch File Download Diff File

29
app/views/sub_document_comments/_show_newstyle.html.erb
Unescape View File

@ -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>

33
app/views/sub_document_comments/_show_sub_document_newstyle.html.erb
Unescape View File

@ -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>

26
public/stylesheets/org2.css
Unescape View File

@ -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;}

Write Preview
Loading…
Cancel
Save