diy前端分頁

2021-10-23 23:01:40 字數 496 閱讀 6471

本來想直接用別人的**,做個分頁的,但是想著如果客戶不喜歡需要改,那萬一其他人的達不到要求,那就不好改了。還不如自己寫個,想怎麼改就怎麼改。

這個分頁的特點是當前頁面盡量做到中間位置顯示,比如當前頁是4,那麼左邊從2開始,直到6,分頁最多顯示5頁,多了不顯示,其他細節不做了,夠用就行了

1)先看效果圖

這裡省略了顯示動態的div

3)css樣式
.page 

.page ul

.page ul li

.page-index

.page-index:hover,.page-active

4)js**,後台資料用ajax請求獲取

前端基礎學習 MessageBox的DIY方法

在element ui上對於messagebox其實給我們提供了很多種類,但是很多情況下我們需要對他們的樣式進行改寫,下面記錄我遇到過的兩個改寫的情況 1 confirm需要展示多行 每條資料只能檢測三次 確認檢查嗎?const newdatas const h this createelement...

JS前端分頁

因專案需求 需要前端乙個純js分頁 上網找了好多例子,終於實現該功能 以下直接上 html js 查詢資料介面 返回json var dataobj function search logicid,moid datatype json success function data else 分頁 fu...

前端分頁方法

vue或element ui有的時候tab列表裡需要編輯一些東西,使用後台分頁是需要調介面的,這個時候你編輯的東西翻頁後就不存在了,就需要拿到所有資料後在前端進行分頁,資料就不會丟失了,這個時候就可以把編輯後的資料一起傳給後台。this.settlementdata這裡是介面拿回來的所有資料,然後t...