js做分页函数

最新推荐文章于 2023-05-15 14:44:55 发布
最新推荐文章于 2023-05-15 14:44:55 发布
阅读量830 收藏
点赞数
分类专栏： JavaScript 文章标签： 分页 javascript 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rentian1/article/details/78651365
版权

分页插件

// JavaScript Document
//判断浏览器
window.browserInfo = {
    ie: !-[1, ],
    ieAll: /MSIE \d/.test(navigator.userAgent),
    FF: !!navigator.userAgent.match(/firefox/i),
    webkit: /WebKit\//.test(navigator.userAgent),
    chrome: /Chrome\//.test(navigator.userAgent),
    opera: /Opera\//.test(navigator.userAgent),
    safari: /Apple Computer/.test(navigator.vendor),
    mac_geLion: /Mac OS X 1\d\D([7-9]|\d\d)\D/.test(navigator.userAgent),
    mac_geMountainLion: /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(navigator.userAgent),
    ios: /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent),
    mobile: this.ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(navigator.userAgent),
    PC: !this.mobile,
    mac: this.ios || /Mac/.test(navigator.platform),
    windows: /windows/i.test(navigator.platform),
};

//节点加载完事件
$.fn.myinit = function(Fn) {
    Fn.apply(this);
    return this;
};

//input的val改变事件$('.text').input(function() {this})可以on绑定;
$.fn.input = function(Fn) {
    if(window.browserInfo.ie) {
        $(this).on('propertychange', function() {
            Fn.apply(this);
        })
    } else {
        $(this).on('input', function() {
            Fn.apply(this);
        })
    }
};

//滚轮滚动事件$(document).mousewheel(function() {this.Down})可以on绑定;
$.fn.mousewheel = function(Fn) {
    if(window.browserInfo.FF) {
        $(this).on('DOMMouseScroll', function(ev) {
            var oEvent = ev || event;
            this.Down = (oEvent.originalEvent.detail > 0);
            Fn.apply(this);
        })
    } else {
        $(this).on('mousewheel', function(ev) {
            var oEvent = ev || event;
            this.Down = (oEvent.originalEvent.wheelDelta < 0);
            Fn.apply(this);
        })
    }
};

//拖拽事件$('.move').move(function() { $(this).css({ 'left': '+=' + this.pageXc, 'top': '+=' + this.pageYc }); });
$.fn.move = function(Fn) {
    $(this).on('mousedown', function(ev) {
        this.pageXc = this.pageYc = 0;
        var _this = this,
            pvrPageX = ev.pageX,
            pvrPageY = ev.pageY;
        $(document).on('mousemove.thisMove', function(ev) {
            ev.preventDefault();
            _this.pageXc = ev.pageX - pvrPageX;
            _this.pageYc = ev.pageY - pvrPageY;
            Fn.apply(_this);
            pvrPageX = ev.pageX;
            pvrPageY = ev.pageY;
        });
        $(document).on('mouseup.thisMove', function(ev) {
            $(this).off('mousemove.thisMove mouseup.thisMove');
        });
        //$(this).on('dragend', function(ev) {
        //  setTimeout(function() {
        //      $(document).mouseup();
        //  }, 10);
        //});
    });
};

//模拟input滑块事件$('#range .mea').move(rangeFn);
var rangeFn = function() {
    var _thisParent = $(this).parent();
    var _thisParentLeftMin = 0;
    var _thisParentLeftMax = _thisParent.width();
    var _thisStep = (_thisParentLeftMax - _thisParentLeftMin) * _thisParent.attr('step') / (_thisParent.attr('max') - _thisParent.attr('min'));
    var _thisLeft = parseFloat($(this).css('left')) + this.pageXc;
    if(_thisLeft >= _thisParentLeftMin && _thisLeft <= _thisParentLeftMax) {
        $(this).css({
            'left': _thisLeft,
        });

        $(this).attr('value', Math.round(_thisLeft / _thisStep) * _thisParent.attr('step'));
    };
};

//模拟滚动条
var slimScrollFn = function() {
    $('.MScroll').each(function() {
        var _this = $(this);
        _this.removeClass('MScroll');
        _this.slimScroll({
            height: _this.height(),
            allowPageScroll: true,
            disableFadeOut: true,
            railVisible: true,
        });
    });
};

//模拟下拉框
var Mchecked = function() {
    $(document).on('click', '.Mchecked', function() {
        var _this = $(this);
        _this.toggleClass('McheckedOn');
        _this.siblings('.slimScrollDiv,.MScroll').slideToggle();
    });
    $(document).on('click', '.Moption', function() {
        var _this = $(this);
        var _parents = _this.parents('.Mselect');
        _parents.children('.slimScrollDiv,.MScroll').slideUp();
        _parents.children('.Mchecked').html(_this.html()).removeClass('McheckedOn');
        _parents.children('input').val(_this.attr('value')).trigger("change");
    });
    $(document).on('mouseleave', '.Mselect', function() {
        var _this = $(this);
        _this.children('.slimScrollDiv,.MScroll').slideUp();
        _this.children('.Mchecked').removeClass('McheckedOn');
    });
};

/*! layPage-v1.3.0 分页组件 License MIT  http://laypage.layui.com/*/
//分页PageFn('Mpage1','hrefPage');
var PageFn = function(opage, hrefPage) {
    var MPage = $(opage);
    var thisPages = MPage.attr('data-pages');
    //分页主体插件调用
    laypage({
        cont: MPage,
        pages: thisPages, //可以叫服务端把总页数放在某一个隐藏域，再获取。假设我们获取到的是18
        skip: true, //是否开启跳页
        last: thisPages, //用于控制尾页
        prev: '上一页', //隐藏上一页按钮
        next: '下一页', //隐藏下一页按钮
        groups: 7, //连续显示分页数
        curr: function() {
            //通过url获取当前页，也可以同上（pages）方式获取
            var str = "/" + hrefPage + "=(\\d+)/";
            var reg = eval(str);
            var page = location.search.match(reg);
            return page ? page[1] : 1;
        }(),
        jump: function(e, first) { //触发分页后的回调
            if(!first) { //一定要加此判断，否则初始时会无限刷新
                var search = location.search;
                var str = "/" + hrefPage + "=(\\d+)/";
                var reg = eval(str);
                var page = location.search.match(reg);
                if(page) {
                    search = search.replace(reg, hrefPage + '=' + e.curr);
                } else if(!search) {
                    search = search + '?' + hrefPage + '=' + e.curr;
                } else {
                    search = search + '&' + hrefPage + '=' + e.curr;
                }
                location.href = search;
            }
        }
    });
    MPage.find('.laypage_skip').attr({
        'max': thisPages,
        'type': 'text'
    });
    //分页页码不存在时弹层
    MPage.find('.laypage_skip').on('keyup', function() {
        if(parseFloat(this.value) > parseFloat(this.max) || parseFloat(this.value) < parseFloat(this.min)) {
            alert('页码不存在!');
            this.value = this.min;
        }
    });
};
var PageFnAjax = function(opage, ObjFn) {
    var MPage = $(opage);
    var thisPages = MPage.attr('data-pages');
    //分页主体插件调用
    laypage({
        cont: MPage,
        pages: thisPages, //可以叫服务端把总页数放在某一个隐藏域，再获取。假设我们获取到的是18
        skip: true, //是否开启跳页
        last: thisPages, //用于控制尾页
        prev: '上一页', //隐藏上一页按钮
        next: '下一页', //隐藏下一页按钮
        groups: 7, //连续显示分页数
        curr: function() {
            return MPage.attr('data-curr') ? MPage.attr('data-curr') : 1;
        }(),
        jump: function(e, first) { //触发分页后的回调
            if(!first) { //一定要加此判断，否则初始时会无限刷新
                MPage.attr('data-curr', e.curr);
                ObjFn();
                MPage.find('.laypage_skip').attr({
                    'max': thisPages,
                    'type': 'text'
                });
            }
        }
    });
    MPage.find('.laypage_skip').attr({
        'max': thisPages,
        'type': 'text'
    });
    //分页页码不存在时弹层
    MPage.find('.laypage_skip').on('keyup', function() {
        if(parseFloat(this.value) > parseFloat(this.max) || parseFloat(this.value) < parseFloat(this.min)) {
            alert('页码不存在!');
            this.value = this.min;
        }
    });
};

//var ev=ev||event;ev.preventDefault();window.event.returnValue=false; return false;

$(function() {

    //可聚焦元素
    $('.canFocus').attr({
        "tabindex": "0",
        "hidefocus": "true"
    });

    //模拟滚动条调用
    if(!window.browserInfo.webkit) {
        slimScrollFn();
    }
    if(!window.browserInfo.webkit) {
        $(document).on('DOMNodeInserted', function(ev) {
            slimScrollFn();
        });
    }

    //模拟下拉框调用
    Mchecked();
});

分页插件源码

/*! layPage-v1.3.0 分页组件 License MIT  http://laypage.layui.com/ By 贤心 */
    ! function() {
        "use strict";

        function a(d) {
            var e = "laypagecss";
            a.dir = "dir" in a ? a.dir : f.getpath + "/skin/laypage.css", new f(d), a.dir && !b[c](e) && f.use(a.dir, e)
        }
        a.v = "1.3";
        var b = document,
            c = "getElementById",
            d = "getElementsByTagName",
            e = 0,
            f = function(a) {
                var b = this,
                    c = b.config = a || {};
                c.item = e++, b.render(!0)
            };
        f.on = function(a, b, c) {
            return a.attachEvent ? a.attachEvent("on" + b, function() {
                c.call(a, window.even)
            }) : a.addEventListener(b, c, !1), f
        }, f.getpath = function() {
            var a = document.scripts,
                b = a[a.length - 1].src;
            return b.substring(0, b.lastIndexOf("/") + 1)
        }(), f.use = function(c, e) {}, f.prototype.type = function() {
            var a = this.config;
            return "object" == typeof a.cont ? void 0 === a.cont.length ? 2 : 3 : void 0
        }, f.prototype.view = function() {
            var b = this,
                c = b.config,
                d = [],
                e = {};
            if(c.pages = 0 | c.pages, c.curr = 0 | c.curr || 1, c.groups = "groups" in c ? 0 | c.groups : 5, c.first = "first" in c ? c.first : "&#x9996;&#x9875;", c.last = "last" in c ? c.last : "&#x5C3E;&#x9875;", c.prev = "prev" in c ? c.prev : "&#x4E0A;&#x4E00;&#x9875;", c.next = "next" in c ? c.next : "&#x4E0B;&#x4E00;&#x9875;", c.pages <= 1) {
                return ""
            }
            for(c.groups > c.pages && (c.groups = c.pages), e.index = Math.ceil((c.curr + (c.groups > 1 && c.groups !== c.pages ? 1 : 0)) / (0 === c.groups ? 1 : c.groups)), c.curr > 1 && c.prev && d.push('<a href="javascript:;" class="laypage_prev" data-page="' + (c.curr - 1) + '">' + c.prev + "</a>"), e.index > 1 && c.first && 0 !== c.groups && d.push('<a href="javascript:;" class="laypage_first" data-page="1"  title="&#x9996;&#x9875;">' + c.first + "</a><span>&#x2026;</span>"), e.poor = Math.floor((c.groups - 1) / 2), e.start = e.index > 1 ? c.curr - e.poor : 1, e.end = e.index > 1 ? function() {
                    var a = c.curr + (c.groups - e.poor - 1);
                    return a > c.pages ? c.pages : a
                }() : c.groups, e.end - e.start < c.groups - 1 && (e.start = e.end - c.groups + 1); e.start <= e.end; e.start++) {
                e.start === c.curr ? d.push('<span class="laypage_curr" ' + (/^#/.test(c.skin) ? 'style="background-color:' + c.skin + '"' : "") + ">" + e.start + "</span>") : d.push('<a href="javascript:;" data-page="' + e.start + '">' + e.start + "</a>")
            }
            return c.pages > c.groups && e.end < c.pages && c.last && 0 !== c.groups && d.push('<span>&#x2026;</span><a href="javascript:;" class="laypage_last" title="&#x5C3E;&#x9875;"  data-page="' + c.pages + '">' + c.last + "</a>"), e.flow = !c.prev && 0 === c.groups, (c.curr !== c.pages && c.next || e.flow) && d.push(function() {
                return e.flow && c.curr === c.pages ? '<span class="page_nomore" title="&#x5DF2;&#x6CA1;&#x6709;&#x66F4;&#x591A;">' + c.next + "</span>" : '<a href="javascript:;" class="laypage_next" data-page="' + (c.curr + 1) + '">' + c.next + "</a>"
            }()), '<div name="laypage' + a.v + '" class="laypage_main laypageskin_' + (c.skin ? function(a) {
                return /^#/.test(a) ? "molv" : a
            }(c.skin) : "default") + '" id="laypage_' + b.config.item + '">' + d.join("") + function() {
                return c.skip ? '<span class="laypage_total"><label>跳转到：</label><input type="number" min="1" onkeyup="this.value=this.value.replace(/\\D/, \'\');" class="laypage_skip"><label> </label><button type="button" class="laypage_btn">Go</button></span>' : ""
            }() + "</div>"
        }, f.prototype.jump = function(a) {
            if(a) {
                for(var b = this, c = b.config, e = a.children, g = a[d]("button")[0], h = a[d]("input")[0], i = 0, j = e.length; j > i; i += 1) {
                    "a" === e[i].nodeName.toLowerCase() && f.on(e[i], "click", function() {
                        var a = 0 | this.getAttribute("data-page");
                        c.curr = a, b.render()
                    })
                }
                g && f.on(g, "click", function() {
                    var a = 0 | h.value.replace(/\s|\D/g, "");
                    a && a <= c.pages && (c.curr = a, b.render())
                })
            }
        }, f.prototype.render = function(a) {
            var d = this,
                e = d.config,
                f = d.type(),
                g = d.view();
            2 === f ? e.cont.innerHTML = g : 3 === f ? e.cont.html(g) : b[c](e.cont).innerHTML = g, e.jump && e.jump(e, a), d.jump(b[c]("laypage_" + e.item)), e.hash && !a && (location.hash = "!" + e.hash + "=" + e.curr)
        }, "function" == typeof define ? define(function() {
            return a
        }) : "undefined" != typeof exports ? module.exports = a : window.laypage = a
    }();

应用插件做分页

var PortAddress = "http://r.n.cc"; //端口地址

var tempList = {
    pageTempNum: 12, //保存一屏模板数量
    pageTotalNum: 1, //保存模板count总数
    currPage: 1, //保存当前页码数
    totalPages: 1, //保存翻页总数  
    currTempType: null, //保存当前模板类型

    getTempClassify: function() { //渲染模板分类
        $.ajax({
            type: "post",
            url: "/i/t",
            data: {},
            success: function(res) {
                if(res.error == 0) {
                    var data = res.invitationTempletTyp;
                    var html = '';
                    if(data) {
                        for(var i = 0; i < data.length; i++) {
                            html += '<li data-id="' + data[i].id + '">';
                            html += '<span>' + data[i].name + '</span>';
                            html += '</li>';
                        }
                    }
                    $('.TempNav').append(html);

                } else {
                    alert('网络故障，请稍后重试！');
                }
            }
        });
    },

    initTempList: function(type) { //根据模板类型初始化模板列表
        var pageNum = this.pageTempNum;
        this.changePage(type, pageNum, 1);
    },

    changePage: function(type, pageSize, currPage) { //跳转页面
        $.ajax({
            type: "post",
            url: "/i/t",
            data: {
                code: type,
                pageSize: pageSize,
                currentPage: currPage
            },
            success: function(res) {
                if(res.error == 0) {
                    this.currPage = currPage;
                    this.pageTotalNum = res.count;
                    var pageNum = Math.ceil(res.count / pageSize);

                    $('#Mpage1').attr({
                        'data-pages': pageNum,
                        'data-curr': currPage
                    });
                    PageFnAjax('#Mpage1', function() {
                        var newCurrNum = $('#Mpage1').attr('data-curr');
                        this.currPage = newCurrNum;
                        tempList.changePage(type, pageSize, newCurrNum);
                    });

                    var html = '';
                    var price,
                        userCount;

                    console.log('当页数量:' + res.data.length,'返回数据总数:' + res.count);
                    var data = res.data;
                    if(data.length != 0) {
                        $('.blankImg').hide(); 
                        for(var i = 0; i < data.length; i++) {
                            price = data[i].free == 0 ? '免费' : data[i].price;
                            userCount = data[i].userCount == null ? 0 : data[i].userCount;
                            html += '           <li>';
                            html += '               <div>';                    
                            html += '                    <img class="tempPoster" src="' + data[i].image_path + '" alt="">';
                            html += '                    <div class="infoTop">';
                            html += '                        <p class="infoTitle textOverflow">' + data[i].title + '</p>';
                            html += '                        <p class="infoPrice">' + price + '</p>';
                            html += '                    </div>';
                            html += '                    <div class="infoBtm">';
                            html += '                        <a href="/i/b?Id=' + data[i].id + '" class="btnBuild">制作</a>';
                            html += '                        <div class="infoType">';
                            html += '                            <p>类型：' + data[i].kind_name + '</p>';
                            html += '                            <p>人气：' + userCount + '</p>';
                            html += '                        </div>';
                            html += '                    </div>';
                            html += '                </div>';
                            html += '            </li>';
                        }
                    }else{
                        $('.blankImg').show(); 
                    }
                    $('.TempList').html(html);
                }
            }
        });
    }.bind(this),

    pageInit: function() { //整体页面初始化
        this.getTempClassify();
        this.initTempList();
    },

    startBuild: function(id){ //点击开始制作
        var url = '';
        window.location.href = url + '?templetId=' + id;
    }

}

tempList.pageInit();

$(function(){
    //点击模板分类
    $('.TempNav').on('click','li',function(){
        var that = this;
        var id;
        $(that).addClass('active').siblings().removeClass('active');
        if($(that).index() == 0){
            tempList.initTempList();
        }else{
            id = parseInt($(that).attr('data-id'));
            tempList.initTempList(id);
        }
    });

})
修炼到救赎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript经典实例之分页（简单易用）原生js封装分页
m0_61408947的博客
03-19 1173
/每次选择要重新处理按钮//响应点击事件//首页是否有效}else{//前一页按钮是否有效}else{//nav_rela}else{}else{//右边隐藏节点数//选择当前页i++){if(i==curPage){//选择当前页}else{if(leftCount
js分页效果
qq_45101496的博客
05-10 314
<!doctype html> <html> <head> <meta charset="utf-8"> <title>js分页效果</title> <style> * { margin:0; padding:0; } img { border:0; } ol,ul,li { list-style:none; } .box { width:100%; height:500px.
JavaScript分页函数
12-05
JS分页主函数: function pageQuery(inputNode,readonlyNodeName,displayNodeId) { globalInputNode = inputNode; globalInputNodeValue = inputNode.value; globalReadonlyNodeName=readonlyNodeName; globalDisplayNodeId = displayNodeId; alert("globalDisplayNodeId:" + globalDisplayNodeId); alert("globalInputNodeValue:" + globalInputNodeValue); //alert("getCount:" + getCount); //取得最大数量 //例如: GetCompanyCommonAction.doGetCompanyCount(globalInputNodeValue,getCount); doGetCountCallback(globalInputNodeValue,getCount); }
js 简单的分页函数
josiecici的博客
09-02 559
分页代码：代码解释： /* list：数据 currentPage ：当前页 pageSize：每页条数 list.length：数据总长度 listPage(list)：函数执行后的结果 */ 当list的长度小于10条的时候：取当前的list，为了好看效果直接把10条每页写进去了。 当list的长度大于10条的时候： 例如取第一页的10条数据： listPage(list,currentPage,pageSize) { if (list.length > 10) {
纯JS前端分页方法（JS分页）
最爱喝怡宝的博客
05-15 2420
如后台传回的数据条数非常多，达到几千条甚至上万条，但是后台又不方便分页传回数据，这个时候就只能前端先获取所有数据保存下来，然后前端本地进行分页并渲染显示。1、JS分页函数：开发过程中，分页功能一般是后台提供接口，前端只要传page（当前页码）和pageSize（每页最大显示条数）及对应的其他查询条件，就可以返回所需分页显示的数据。原创博客禁止抄袭，原文地址:https://www.cnblogs.com/xiao-pengyou/只需要传入对应参数就可以返回带有对应分页属性的对象，用于前端界面展示。
js分页函数
weichangIT的博客
05-09 798
1.功能说明： 后端取出所有数据存在数组中，前端需要分页显示数据，通过此函数可以得到分页的数据。 2.源码： /** * @param currentPage---当前页数 * @param pageSize---每页显示的条数 * @param data---需要分页的数据 */ function formatPageData(cur...
js 将数组分页
chuwa5121的博客
03-11 1580
//将json分页求第一页的数据 this.page = function () { var arg = getArg(arguments); var o = arg["Array"][0] || []; var pageInd...
Javascript实现的分页函数
10-31
Javascript实现的分页函数
JavaScript EasyPager 分页函数
10-28
好久不写js,手都有点生了。写个小东西热手。
js实现ASP分页函数 HTML分页函数
12-07
【JavaScript实现ASP分页函数与HTML分页展示】 在网页开发中，为了提高用户体验，当数据量较大时，通常会采用分页的方式来显示内容。在这个示例中，我们将讨论如何使用JavaScript来实现ASP分页功能，并配合HTML进行...
基于js分页实现（简单）
01-10
使用javacript实现分页技术，简单明了。没有多以的步骤！
div+js分页效果
11-26
div分页浏览，可上下浏览 div id命名为div+位置号，通 js函数通过要显示的div var eventSizez//总页数 var currentPosition = 0; //初始位置 //下一个正在办理事项办理情况 function next() { if(currentPosition 0){ $('#div'+currentPosition).hide(); currentPosition--; if(currentPosition <0){ currentPosition=eventSize-1; } $('#div'+currentPosition).show(); }else{ $('#div'+currentPosition).hide(); currentPosition=eventSize-1; $('#div'+currentPosition).show(); } } //初始化正在办理事项情况 function initPostion(position) { if(position==0){ $('#div0').show() return; } }
JS+HTML分页代码
05-22
通过JS和HTML实现的分页功能代码，有首页，前页，后页，尾页和分页页号等功能，
JS 分页函数(适合Ajax分页时使用)
weixin_30600503的博客
03-23 102
调用代码如下： 代码 var p = new Pager(20, 5);　// 20 为总记录数（可随意或是指定），5 为页大小p.init('tdAA', a); //tdAA 为分页控件父容器的ＩＤfunction a() { // ＡＪＡＸ获取数据 SendContent("/Admin/TopicService.asmx/GetTopicList?c...
使用js来实现分页功能
CQXXTXX的博客
10-24 3515
使用js实现分页功能
JavaScript经典实例之分页（简单易用）原生js封装分页（一次性数据）
编程界明世隐的博客
12-17 2467
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{ margin:5px; padding:0; } .table { word-break: br...
一个简单的js分页函数
sujudz的专栏
03-05 956
网上有很多js分页插件，一开始我也是在网上找了几款js分页插件，不过有的对ie6兼容不太好，就自己写了一个，其实也不难。这个是js根据服务器返回的总条目数进行分页的，分割大小自定义。 修改为jqery插件形式方便。css外部定义 使用：$(".xxxx").pages() $("#pages").pages( { "nums":10, "start":1, "display":5
js实现分页
最新发布
05-31
// 分页函数 function pagination(data, pageSize, currentPage) { // 计算总页数 var totalPages = Math.ceil(data.length / pageSize); // 获取当前页码的数据 var start = (currentPage - 1) * pageSize; ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值