清新UI元件庫——page元件開發思路

清新元件庫：http://ifresh-ui.yating.online/

源碼位址：https://github.com/Chenyating/iFresh-ui

page元件遇到的問題

傳回的頁面數問題

當頁面過于長的時候，可以這樣顯示。

1. 頁面數小于等于6，就預設周遊1-6
2. 頁面數大于6時，如果目前頁小于2或者大于總頁數-2：傳回數組為[1,2,3,……,page-1,page]
3. 頁面數大于6時，如果目前頁為中間值：傳回數組為[……,current-1,current,current+1,……]

// 頁數小于6，顯示頁數
            if (pageNumber <= 6) {
                return pageNumber
            } else {
                if (this.currentPage <= 2 || this.currentPage >= pageNumber - 2) {
                    return [1, 2, 3, '…', pageNumber - 2, pageNumber - 1, pageNumber]
                } else {
                    return ['…', this.currentPage - 1, this.currentPage, this.currentPage + 1, '…']
                }
            }
           

向上取整