Signed-off-by: zry <admin@z-touhou.org>

templates/common/paginator.html

@@ -1,19 +1,67 @@
 <!-- 分页功能 -->
-    {% load httpgetargs %}
+{% load httpgetargs %}
+<div class="hidden-sm hidden-xs">
     第 {{ lPage.number }} 页，共 {{ lPage.paginator.num_pages }} 页，共 {{ lPage.paginator.count }} 项。
     <ul class="pager pull-right" style="margin: -5px 0;">
-        <li><a href="?{% HttpGetArgsAddOne "page" "1" %}">首页</a></li>
-    
+        <li>
+            <a href="?{% HttpGetArgsAddOne "page" "1" %}">首页</a>
+        </li>
         {% if lPage.has_previous %}
-            <li><a href="?{% HttpGetArgsAddOne "page" lPage.previous_page_number %}">上一页</a></li>
+        <li>
+            <a href="?{% HttpGetArgsAddOne "page" lPage.previous_page_number %}">上一页</a>
+        </li>
         {% else %}
-            <li class="disabled"><a onclick="javascript:return false;">上一页</a></li>
+        <li class="disabled">
+            <a onclick="javascript:return false;">上一页</a>
+        </li>
         {% endif %}
     
         {% if lPage.has_next %}
-            <li><a href="?{% HttpGetArgsAddOne "page" lPage.next_page_number %}">下一页</a></li>
+        <li>
+            <a href="?{% HttpGetArgsAddOne "page" lPage.next_page_number %}">下一页</a>
+        </li>
         {% else %}
-            <li class="disabled"><a onclick="javascript:return false;">下一页</a></li>
+        <li class="disabled">
+            <a onclick="javascript:return false;">下一页</a>
+        </li>
         {% endif %}
-        <li><a href="?{% HttpGetArgsAddOne "page" lPage.paginator.num_pages %}">尾页</a></li>
+        <li>
+            <a href="?{% HttpGetArgsAddOne "page" lPage.paginator.num_pages %}">尾页</a>
+        </li>
     </ul>
+</div>
+<div class="visible-sm visible-xs">
+    <div>
+        第 {{ lPage.number }} 页，共 {{ lPage.paginator.num_pages }} 页，共 {{ lPage.paginator.count }} 项。
+    </div>
+    <br />
+    <div>
+        <ul class="pager pull-right" style="margin: -5px 0;">
+            <li>
+                <a href="?{% HttpGetArgsAddOne "page" "1" %}">首页</a>
+            </li>
+            {% if lPage.has_previous %}
+            <li>
+                <a href="?{% HttpGetArgsAddOne "page" lPage.previous_page_number %}">上一页</a>
+            </li>
+            {% else %}
+            <li class="disabled">
+                <a onclick="javascript:return false;">上一页</a>
+            </li>
+            {% endif %}
+    
+        {% if lPage.has_next %}
+            <li>
+                <a href="?{% HttpGetArgsAddOne "page" lPage.next_page_number %}">下一页</a>
+            </li>
+            {% else %}
+            <li class="disabled">
+                <a onclick="javascript:return false;">下一页</a>
+            </li>
+            {% endif %}
+            <li>
+                <a href="?{% HttpGetArgsAddOne "page" lPage.paginator.num_pages %}">尾页</a>
+            </li>
+        </ul>
+    </div>
+</div>