jquery pagination多样式分页插件代码

最新推荐文章于 2024-09-09 10:18:21 发布
最新推荐文章于 2024-09-09 10:18:21 发布
阅读量2.7k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qmdweb/article/details/84302228
版权 

@charset "UTF-8";

/*ccs-1*/
.whj_jqueryPaginationCss-1{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.whj_jqueryPaginationCss-1 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.whj_jqueryPaginationCss-1 .whj_padding{
    padding: 1px 9px;
}
.whj_jqueryPaginationCss-1 .whj_bgc{
    background-color: #fff;
    color: #698ca9;
}
.whj_jqueryPaginationCss-1 .whj_border{
    border: 1px solid #5b9fd6;
}
.whj_jqueryPaginationCss-1 .whj_color{
    color: #698ca9;
}
.whj_jqueryPaginationCss-1 .whj_hover:hover{
    background-color: #d4f1ff;
    color: #698ca9;
    cursor: pointer;
}
.whj_jqueryPaginationCss-1 .whj_checked{
    background-color: #d4f1ff;
    color: #698ca9;
}
.whj_jqueryPaginationCss-1 .whj_hoverDisable{
    opacity: 0.5;
}
.whj_jqueryPaginationCss-1 select{
    height: 28px;
    vertical-align: bottom;
    padding: 0px;
    outline: none;
}
.whj_jqueryPaginationCss-1 input{
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.whj_jqueryPaginationCss-1 div,.whj_jqueryPaginationCss-1 input,.whj_jqueryPaginationCss-1 select{
    margin: 2px;
}

/*ccs-2*/
.whj_jqueryPaginationCss-2{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.whj_jqueryPaginationCss-2 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.whj_jqueryPaginationCss-2 .whj_padding{
    padding: 1px 9px;
}
.whj_jqueryPaginationCss-2 .whj_bgc{
    background-color: #5194ca;
    color: #fff;
}
.whj_jqueryPaginationCss-2 .whj_border{
    border: 1px solid #5194ca;
}
.whj_jqueryPaginationCss-2 .whj_color{
    color: #5194ca;
}
.whj_jqueryPaginationCss-2 .whj_hover:hover{
    background-color: #d4f1ff;
    color: #5194ca;
    cursor: pointer;
}
.whj_jqueryPaginationCss-2 .whj_checked{
    background-color: #d4f1ff;
    color: #5194ca;
}
.whj_jqueryPaginationCss-2 .whj_hoverDisable{
    opacity: 0.7;
}
.whj_jqueryPaginationCss-2 select{
    height: 28px;
    vertical-align: bottom;
    padding: 0px;
    outline: none;
}
.whj_jqueryPaginationCss-2 input{
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.whj_jqueryPaginationCss-2 div,.whj_jqueryPaginationCss-2 input,.whj_jqueryPaginationCss-2 select{
    margin: 2px;
}

/*ccs-3*/
.whj_jqueryPaginationCss-3{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.whj_jqueryPaginationCss-3 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.whj_jqueryPaginationCss-3 .whj_padding{
    padding: 1px 9px;
}
.whj_jqueryPaginationCss-3 .whj_bgc{
    background-color: #7a7b7b;
    color: #fff;
}
.whj_jqueryPaginationCss-3 .whj_border{
    border: 1px solid #929292;
}
.whj_jqueryPaginationCss-3 .whj_color{
    color: #929292;
}
.whj_jqueryPaginationCss-3 .whj_hover:hover{
    background-color: #e0dddd;
    color: #7a7b7b;
    cursor: pointer;
}
.whj_jqueryPaginationCss-3 .whj_checked{
    background-color: #e0dddd;
    color: #7a7b7b;
}
.whj_jqueryPaginationCss-3 .whj_hoverDisable{
    opacity: 0.5;
}
.whj_jqueryPaginationCss-3 select{
    height: 28px;
    vertical-align: bottom;
    padding: 0px;
    outline: none;
}
.whj_jqueryPaginationCss-3 input{
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.whj_jqueryPaginationCss-3 div,.whj_jqueryPaginationCss-3 input,.whj_jqueryPaginationCss-3 select{
    margin: 2px;
}

/*ccs-4*/
.whj_jqueryPaginationCss-4{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.whj_jqueryPaginationCss-4 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.whj_jqueryPaginationCss-4 .whj_padding{
    padding: 1px 9px;
}
.whj_jqueryPaginationCss-4 .whj_bgc{
    background-color: #f5f5f5;
    color: #907272;
}
.whj_jqueryPaginationCss-4 .whj_border{
    border: 1px solid #907272;
}
.whj_jqueryPaginationCss-4 .whj_color{
    color: #907272;
}
.whj_jqueryPaginationCss-4 .whj_hover:hover{
    background-color: #afacac;
    color: #fff;
    cursor: pointer;
}
.whj_jqueryPaginationCss-4 .whj_checked{
    background-color: #afacac;
    color: #fff;
}
.whj_jqueryPaginationCss-4 .whj_hoverDisable{
    opacity: 0.5;
}
.whj_jqueryPaginationCss-4 select{
    height: 28px;
    vertical-align: bottom;
    padding: 0px;
    outline: none;
}
.whj_jqueryPaginationCss-4 input{
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.whj_jqueryPaginationCss-4 div,.whj_jqueryPaginationCss-4 input,.whj_jqueryPaginationCss-4 select{
    margin: 2px;
}

/*ccs-5*/
.whj_jqueryPaginationCss-5{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.whj_jqueryPaginationCss-5 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 24px;
}
.whj_jqueryPaginationCss-5 .whj_padding{
    padding: 1px 9px;
}
.whj_jqueryPaginationCss-5 .whj_bgc{
    background-color: #199eaf;
    color: #fff;
}
.whj_jqueryPaginationCss-5 .whj_border{
    border: 1px solid #199eaf;
}
.whj_jqueryPaginationCss-5 .whj_color{
    color: #199eaf;
}
.whj_jqueryPaginationCss-5 .whj_hover:hover{
    background-color: #d4f1ff;
    color: #199eaf;
    cursor: pointer;
}
.whj_jqueryPaginationCss-5 .whj_checked{
    background-color: #d4f1ff;
    color: #199eaf;
}
.whj_jqueryPaginationCss-5 .whj_hoverDisable{
    opacity: 0.5;
}
.whj_jqueryPaginationCss-5 select{
    height: 28px;
    vertical-align: bottom;
    padding: 0px;
    outline: none;
}
.whj_jqueryPaginationCss-5 input{
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.whj_jqueryPaginationCss-5 div,.whj_jqueryPaginationCss-5 input,.whj_jqueryPaginationCss-5 select{
    margin: 2px;
}

html代码


<!DOCTYPE html>
<html>
<head>
    <title>index</title>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="Cache" content="no-cache"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/pagination.min.js"></script>
    <style>
        .cib{
            padding: 5px 8px;
        }
        .cib input{
            vertical-align: bottom;
            height: 20px;
            color: #567e84;
            margin: 2px 0px;
        }
        .cib button{
            vertical-align: bottom;
            height: 26px;
            cursor: pointer;
            background-color: #cbefff;
            border: 1px solid #44a8d6;
            color: #567e84;
            margin: 2px 0px;
        }
        .desc{
            padding-left: 8px;
            color: #657e9a;
        }
    </style>
</head>
<body>
    <div class="desc">总页数为零时，不显示分页插件，可自定义显示文字及css</div>

    <div id="pagination_1"></div>
    <br/>

    <div id="pagination_2"></div>
    <br/>

    <div id="pagination_3"></div>
    <br/>

    <div id="pagination_4"></div>
    <br/>

    <div id="pagination_5"></div>
    <br/>

    <div id="pagination_6"></div>
    <br/>

    <div id="pagination_7"></div>
    <br/>

    <div id="pagination_8"></div>
    <br/>

    <div class="desc">当请求服务器返回数据时，需重新设置当前页码及总页数</div>
    <div class="cib">
        <input type="text" name="currPage_9" placeholder="当前页码"/>
        <input type="text" name="totalPage_9" placeholder="总页数"/>
        <button type="button" id="btn_9">设置</button>
    </div>
    <div id="pagination_9"></div>
    <br/>

    <div id="pagination_10"></div>
    <br/>

    <div id="pagination_11"></div>
    <br/>

    <div id="pagination_12"></div>
    <br/>

    <div id="pagination_13"></div>
    <br/>

    <div id="pagination_14"></div>
    <br/>

    <div id="pagination_15"></div>
    <br/>

    <div id="pagination_16"></div>
    <br/>

    <script type="text/javascript">
        $("#pagination_1").pagination({
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_2").pagination({
            pageSizeOpt: [
                {'value': 5, 'text': '5/page', 'selected': true},
                {'value': 10, 'text': '10/page'},
                {'value': 15, 'text': '15/page'},
                {'value': 20, 'text': '20/page'}
            ],
            totalPage: 18,
            showPageNum: 5,
            firstPage: 'first',
            previousPage: 'previous',
            nextPage: 'next',
            lastPage: 'last',
            skip: 'skip',
            confirm: 'go',
            refresh: 'refresh',
            totalPageText: 'the total {} pages',
            isShowFL: true,
            isShowPageSizeOpt: true,
            isShowSkip: true,
            isShowRefresh: true,
            isShowTotalPage: true,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_3").pagination({
            pageSizeOpt: [
                {'value': 5, 'text': '5条/页', 'selected': true},
                {'value': 10, 'text': '10条/页'},
                {'value': 15, 'text': '15条/页'},
                {'value': 20, 'text': '20条/页'}
            ],
            totalPage: 18,
            showPageNum: 5,
            firstPage: '首页',
            previousPage: '上一页',
            nextPage: '下一页',
            lastPage: '尾页',
            skip: '跳至',
            confirm: '确认',
            refresh: '刷新',
            totalPageText: '共{}页',
            isShowFL: true,
            isShowPageSizeOpt: true,
            isShowSkip: true,
            isShowRefresh: true,
            isShowTotalPage: true,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_4").pagination({
            totalPage: 18,
            showPageNum: 5,
            isShowFL: false,
            isShowPageSizeOpt: true,
            isShowSkip: true,
            isShowRefresh: true,
            isShowTotalPage: true,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_5").pagination({
            totalPage: 18,
            showPageNum: 5,
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: true,
            isShowRefresh: true,
            isShowTotalPage: true,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_6").pagination({
            totalPage: 18,
            showPageNum: 5,
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: false,
            isShowRefresh: true,
            isShowTotalPage: true,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_7").pagination({
            totalPage: 18,
            showPageNum: 5,
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: false,
            isShowRefresh: false,
            isShowTotalPage: true,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_8").pagination({
            totalPage: 18,
            showPageNum: 5,
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: false,
            isShowRefresh: false,
            isShowTotalPage: false,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_9").pagination({
            totalPage: 18,
            isResetPage: true,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#btn_9").click(function () {
            var currPage = +$("input[name='currPage_9']").val();
            var totalPage = +$("input[name='totalPage_9']").val();
            $("#pagination_9").pagination('setPage', currPage, totalPage);
            console.log($("#pagination_9").pagination('getPage'));
        });
        $("#pagination_10").pagination({
            css: 'css-2',
            totalPage: 18,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_11").pagination({
            css: 'css-3',
            totalPage: 18,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_12").pagination({
            css: 'css-4',
            totalPage: 18,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_13").pagination({
            css: 'css-5',
            totalPage: 18,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_14").pagination({
            css: 'css-5',
            totalPage: 18,
            showPageNum: 0,
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: false,
            isShowRefresh: true,
            isShowTotalPage: false,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_15").pagination({
            css: 'css-2',
            totalPage: 18,
            previousPage: '<',
            nextPage: '>',
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: false,
            isShowRefresh: false,
            isShowTotalPage: false,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
        $("#pagination_16").pagination({
            css: 'css-4',
            totalPage: 18,
            showPageNum: 3,
            previousPage: '<',
            nextPage: '>',
            isShowFL: false,
            isShowPageSizeOpt: false,
            isShowSkip: false,
            isShowRefresh: false,
            isShowTotalPage: false,
            isResetPage: false,
            callBack: function (currPage, pageSize) {
                console.log('currPage:' + currPage + '     pageSize:' + pageSize);
            }
        });
    </script>
</body>
</html>

效果

效果

http://www.cnblogs.com/knowledgesea/archive/2013/01/03/2841554.html

qmdweb
关注
jQuery分页插件jquery.pagination.js使用方法解析
01-21
jquery.pagination.js插件，此jQuery插件为Ajax分页插件，一次性加载全部数据，故分页切换时无刷新与延迟，只是重写指定dom元素中的html内容，如果数据量较大不建议用此方法，因为加载会比较慢； jQuery的多数插件使用都比较简单，都能查找出相关api，且含有demo； 使用此插件,首先在页面(jsp、html)中引入其js、css文件 &lt;link href=/自定义路劲/jquery.pagination/pagination.css rel=external nofollow rel=stylesheet&gt; &lt;script src=/自定
分页 - pagination - 两种分页器
weixin_41957017的博客
11-17 5209
介绍 REST framework提供了分页的支持 分类 pagination模块内有两种分页器，可由开发者选择 第一种：PageNumberPagination 可以在子类中定义的属性： page_size 每页数目 page_query_param 前端发送的页数关键字名，默认为"page" page_size_query_param 前端发送的每页数目关键字名，默认为None...
【Material UI】Pagination 组件详解（上）
最新发布
lph159的博客
09-09 993
Pagination组件是 Material UI 提供的分页导航组件，它为开发者提供了极大的灵活性，可以适用于各种内容分页需求。分页导航通常在列表、表格等数据密集型应用场景中使用，可以帮助用户轻松浏览和跳转到不同页面。在某些设计场景中，开发者可能希望自定义分页按钮中的图标，Material UI 允许通过renderItemcount={10}{...item}/>)}/>通过这种方式，你可以将默认的上一页和下一页按钮替换为自定义图标，如和。
分页插件代码
weixin_34162228的博客
01-05 112
$("#Pagination").pagination(20, { num_edge_entries: 1, //边缘页数 num_display_entries: 4, //主体页数 prev_text:'<', next_text:'>', ...
jQuery实现简单分页(jqPaginator插件)
fish的博客
07-27 4122
jQuery实现简单分页(jqPaginator插件)，前后端交互
jquery分页插件pagination教程
热门推荐
李秀才的博客
02-16 1万+
pagination使用起来非常的方便。第一步：引入分页需要的js（jquery.pagination.js）和css(pagination.css)pagination插件下载地址：http://download.csdn.net/download/qq_33556185/9427446第二步：将分页条容器写到页面里（固定代码） &lt;div class="pages"&gt;...
am-pagination.js好看的分页样式插件.zip
09-26
在这个插件中，jQuery作为基础框架，使得分页功能的实现更为简洁高效，无需编写大量的原生JavaScript代码。 "am-pagination.js"插件的核心功能包括但不限于以下几点： 1. **多样化样式**：提供多种预设样式，如经典...
五款漂亮的jquery分页插件
06-12
这款jQuery分页插件具有响应式设计，可以自适应不同设备的屏幕尺寸。用户可以通过定制颜色、大小、形状等样式，轻松打造与整体设计风格匹配的分页效果。 2. **jQuery Paginate** jQuery Paginate是一款轻量级的...
jquery分页插件bootstrap.zip
11-20
**jQuery分页插件Bootstrap详解** 在Web开发中，数据量大时，为了提供良好的用户体验，通常会采用分页技术来展示内容。jQuery分页插件Bootstrap是将jQuery的便捷性和Bootstrap的美观性相结合，实现高效、易用的网页...
jQuery SimplePagination分页插件
02-11
jQuery SimplePagination是一款轻量级的分页插件，专为jQuery设计，用于在网页上实现高效、易用的分页功能。它允许开发者通过简单的配置就能实现多样化的分页效果，提升用户体验，尤其是在数据量较大的网页应用中，...
jquery【插件】 pagination使用
feifei20081014的专栏
07-29 650
1，下载3个文件  分别为：jquery-1.7.1.js、jquery.pagination.js、pagination.css  //详见附件  2，准备好服务器端返回结果  主要代码如下：  Php代码   $members = array(array().......);  //详见附件   $total          = count($mem
jquery pagination segmentfault 样式
Chobits的专栏
09-23 1289
.pagination { padding-top: 10px; border-top: 1px solid #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); display: inline-block; margin: 0 auto; position:
jquery分页插件pagination的使用和踩过的坑
AAAAAArvin的博客
06-29 5339
1.css样式引用&lt;link rel="stylesheet" href="css/pagination.css" /&gt;2.js文件引用&lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;&lt;script type="text/javascript&a
jquery pagination分页
飞翔的鸡肉
03-06 2056
  效果图展示，因为只是一个简单的demo，所以代码和样式看起来比较简单   一：pagination插件相关文件的下载地址，以及方法参数介绍   下载地址：http://www.jq22.com/jquery-info19062 名 描述 参数值 maxentries ...
jquery pagination 实现jsp页面分页效果
CSDN_KONGlX的博客
12-09 178
这里分享使用插件和不使用插件的方法，只有jsp和js代码不同，controller和service，dao，mapper的代码都一样(不使用插件有一点缺陷，就是页数太多的时候页面宽度显示问题) 1.引入jquery.pagination.js和pagination.css 2.1不使用插件的jsp <%@ page language="java" contentType="text/h...
element ui——Pagination 自定义分页样式
who_become_gods的博客
12-29 1万+
我们可以看到，element ui Pagination分页默认样式 直接显示 首页 - 中间页 - 末页，但当项目中数据量过大时，用户直接点击最后一页 可能会导致后端elk崩溃。项目最后要求 不能把最后一页呈现给用户，只能让用户一个一个点过去类似与下图 想接着用 element ui Pagination分页 也想改变分页的显示样式，经过翻查文档看到 Slot layout=“total, sizes, prev, slot, next” slot代表的插槽 显示样式为下图 slot就.
分页（pagination）样式表
weixin_30411819的博客
03-08 814
ul { list-style: none; padding: 0; margin: 0; } .pagination{ display:inline-block; padding-left:0; border-radius:4px } .pagination>li{display:inline} .paginat...
CSS 分页实例
m0_67633378的博客
03-05 219
简单分页 如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页： CSS 实例 ul.pagination{ display:inline-block; padding:0; margin:0; } ul.pagination li{display:inline;} ul.pagination li a{ color:black; float:left; paddin...
利用jQuery Pagination插件实现无刷新分页示例与代码
本文档介绍了如何使用...这段代码演示了如何在jQuery环境下使用Pagination插件实现无刷新分页，包括数据获取、表格填充和分页功能的配置。请注意，实际的`InitData()`函数需要根据实际的数据源和分页逻辑进行编写。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值