django pagination 樣式修改

2022-07-16 14:30:20 字數 2058 閱讀 7099

預設 django-pagination  樣式:

使用bootstrap後樣式:

(有些瑕疵,下面來完善一下)

修改後:

效果還不錯吧。那麼講下如何修改。

首先找到其原始碼: (路徑:site-packages\django_pagination-1.0.7-py2.7.egg\pagination\templates\pagination\pagination.html)

[html]view plain

copy

print?  

<

divclass

="pagination"

>

<

ahref

="?page=}}}"

class

="prev"

>

‹‹ a

>

<

span

class

="disabled prev"

>

‹‹ span

>

<

span

class

="current page"

>

}span

>

<

ahref

="?page=}}}"

class

="page"

>}a

>

...  

<

ahref

="?page=}}}"

class

="next"

>

››a>

<

span

class

="disabled next"

>

››span

>

div>

修改為:

[html]view plain

copy

print?  

<

divclass

="pagination"

>

<

ul>

<

li>

<

ahref

="?page=}}}"

class

="prev"

>

‹‹ a

>

li>

<

liclass

="disabled"

>

<

ahref

="#"

>

‹‹ a

>

li>

<

liclass

="active"

>

<

ahref

="#"

>}a

>

li>

<

li>

<

ahref

="?page=}}}"

class

="page"

>}a

>

li>

...  

<

li>

<

ahref

="?page=}}}"

class

="next"

>

››a>

li>

<

liclass

="disabled"

>

<

ahref

="#"

>

››a>

li>

ul>

div>

就這麼簡單,重新整理頁面就可以看到效果啦。

注意: 我這裡是直接修改了原始檔,在實際專案中,建議大家講模板拷貝到自己的專案中再進行修改! 專案中路徑為 }/pagination/pagination.html

**

django pagination 樣式修改

預設 django pagination 樣式 使用bootstrap後樣式 有些瑕疵,下面來完善一下 修改後 效果還不錯吧。那麼講下如何修改。首先找到其原始碼 路徑 site packages django pagination 1.0.7 py2.7.egg pagination templat...

django pagination 樣式修改

預設django pagination 樣式 使用bootstrap後樣式 有些瑕疵,下面來完善一下 修改後 效果還不錯吧。那麼講下如何修改。首先找到其原始碼 路徑 site packages django pagination 1.0.7 py2.7.egg pagination template...

小程式checkbox和radio樣式修改

1 沒有修改過的預設 禁用 樣式 2 修改預設樣式 大小顏色圓角 修改預設樣式 3 修改checked狀態時的樣式。為什麼不直接在這裡修改背景色,因為所有都disabled了,checked的背景色只能修改中間的打鉤的部分。修改checked樣式 4 修改禁用且checked的樣式 修改禁用且che...