Discuss / Python / 关于翻页数量显示
Back

关于翻页数量显示

Topic source

方大侠百宝箱

#1 Created at ... [Delete] [Delete and Lock User]

请问怎样修改翻页显示？

我想变成以下这种：

<<  1   2   3   4   5 ... >>

红彤彤的小太阳lovess

#2 Created at ... [Delete] [Delete and Lock User]

同问这个问题，数据多的话翻起来很不方便，楼主现在知道了吗

行星复苏

#3 Created at ... [Delete] [Delete and Lock User] 
if (typeof(Vue)!=='undefined') {
    Vue.filter('datetime', function (value) {
        var d = value;
        if (typeof(value)==='number') {
            d = new Date(value);
        }
        return d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes();
    });
    Vue.component('pagination', {
        template: '<ul class="uk-pagination">' +
                '<li v-if="! has_previous" class="uk-disabled"><span><i class="uk-icon-angle-double-left"></i></span></li>' +
                '<li v-if="has_previous"><a v-attr="onclick:\'gotoPage(\' + (page_index-1) + \')\'" href="#0"><i class="uk-icon-angle-double-left"></i></a></li>' +

                '<li v-if="page_index-3>0" class="uk-disabled"><span>...</span></li>' +
                '<li v-if="page_index-2>0" class="uk-disabled"><a v-attr="onclick:\'gotoPage(\' + (page_index-2) + \')\'" href="#0"><span v-text="page_index-2"></span></a></li>' +
                '<li v-if="page_index-1>0" class="uk-disabled"><a v-attr="onclick:\'gotoPage(\' + (page_index-1) + \')\'" href="#0"><span v-text="page_index-1"></span></a></li>' +
                '<li v-if="page_index>0" class="uk-active"><span v-text="page_index"></span></li>' +
                '<li v-if="page_index+1 <= page_count" class="uk-disabled"><a v-attr="onclick:\'gotoPage(\' + (page_index+1) + \')\'" href="#0"><span v-text="page_index+1"></span></a></li>' +
                '<li v-if="page_index+2 <= page_count" class="uk-disabled"><a v-attr="onclick:\'gotoPage(\' + (page_index+2) + \')\'" href="#0"><span v-text="page_index+2"></span></a></li>' +
                '<li v-if="page_index+3 <= page_count" class="uk-disabled"><span>...</span></li>' +

                '<li v-if="! has_next" class="uk-disabled"><span><i class="uk-icon-angle-double-right"></i></span></li>' +
                '<li v-if="has_next"><a v-attr="onclick:\'gotoPage(\' + (page_index+1) + \')\'" href="#0"><i class="uk-icon-angle-double-right"></i></a></li>' +
            '</ul>'    });
}
  • 1

Reply