在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 如何實(shí)現(xiàn)這種知乎收縮分頁(yè)呢?

如何實(shí)現(xiàn)這種知乎收縮分頁(yè)呢?

先上圖(知乎效果)
圖片描述

圖片描述

圖片描述

后臺(tái)給我json

{
    "newe_page":1, //當(dāng)前頁(yè)面
    "page_count":52, //頁(yè)面總數(shù)
}

求如何實(shí)現(xiàn)上圖所示的效果,就解答

回答
編輯回答
清夢(mèng)

分頁(yè)組件已經(jīng)很成熟了,個(gè)人覺(jué)得沒(méi)必要重復(fù)造輪子。

2018年2月4日 18:11
編輯回答
尤禮

頁(yè)面總數(shù)都知道了,就可以畫(huà)出所有的頁(yè)數(shù),1,2,3,4,5,6,...,n,還可以知道需不需要加省略號(hào),比如知乎的規(guī)則是總數(shù)大于5就加;

當(dāng)前頁(yè)數(shù)知道了,就可以決定那個(gè)數(shù)字變成灰色,還可以知道加不加“上/下一頁(yè)”;

頁(yè)面總數(shù)和當(dāng)前頁(yè)數(shù)都知道了,就可以知道要在哪里加省略號(hào)。

至此,所有的需求都實(shí)現(xiàn)了。

2018年5月27日 02:15