当前位置：文江博客话题详情

Will Paginate 分页选项

发布于 2024-09-12 08:12:35 字数 62 浏览 3 评论 0原文

我正在尝试使下一个和上一个按钮更加明确。是否有任何预定义样式可供我使用mislav-will_paginate

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

待＂谢繁草 2024-09-19 08:12:35

我会使用分页助手；如果您需要其他东西，根据我的经验，您可能做错了。

所以只需

<%= will_paginate @people %>

使用这个通用的 digg 样式链接 css：

.pagination { padding: 3px; margin: 3px; } 
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #aaaadd; text-decoration: none; color: #000099; } 
.pagination a:hover, 
.pagination a:active { border: 1px solid #000099; color: #000; } 
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF; } 
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }

I would use the pagination helper; if you need something else, in my experience you're likely doing it wrong.

So just do

<%= will_paginate @people %>

And use this generic digg style link css:

.pagination { padding: 3px; margin: 3px; } 
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #aaaadd; text-decoration: none; color: #000099; } 
.pagination a:hover, 
.pagination a:active { border: 1px solid #000099; color: #000; } 
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF; } 
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }

回复收藏 0 原文

~没有更多了~