文档赞助页增加分页能力

This commit is contained in:
click33
2024-03-19 17:08:34 +08:00
parent 03bcf61fb5
commit bd08d840d8
8 changed files with 277 additions and 162 deletions

View File

@@ -187,12 +187,13 @@ body{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu
blockquote code {font-weight: 400;}
/* 赞助列表 */
.zanzhu-box{margin-top: -10px;}
.zanzhu-box table tr td:nth-child(2){color: red;}
#main .zanzhu-box table tr td:first-child a{border-color: rgba(0,0,0,0); color: inherit;}
#main .zanzhu-box table tr td:first-child a:hover{border-color: var(--a-hover-color); color: var(--a-hover-color);}
/* 展开和收起 */
#main .zanzhu-box{height: 500px; overflow-y: hidden; transition: all 1.5s;}
#main .zanzhu-box{/* height: 500px; */ overflow-y: hidden; transition: all 1.5s;}
#main .zanzhu-box table{display: table;}
.zhankai-btn-box{margin-top: 10px;}
.zk-btn--1,.zk-btn--2{cursor: pointer;}
@@ -352,4 +353,22 @@ body {
0%{box-shadow: 0 0 1px #42B983;}
50%{box-shadow: 0 0 20px #42B983;}
100%{box-shadow: 0 0 20px #FFF;}
}
}
/* ********** 赞助者名单 ******** */
.zanzhu-table{text-align: left;}
/* 赞助排序盒子 */
.zanzhu-sort-box{font-size: 14px; margin-bottom: 10px;}
.zanzhu-sort-box .zanzhu-sort-btn{text-decoration: none; color: #999; cursor: pointer;}
.zanzhu-sort-box .zanzhu-sort-btn:hover{text-decoration: underline; color: #557;}
.zanzhu-sort-box .zanzhu-sort-btn.zz-sort-native{text-decoration: underline; color: #557;}
/* 底部按钮盒子 */
.zz-btn-box{color: #666; font-size: 14px;}
.zz-btn-box button{padding: 5px 10px; cursor: pointer; border: 1px #ccc solid; color: #999; background-color: #FFF;}
.zz-btn-box button:hover{box-shadow: 0 0 10px #ddd;}
/* ajax加载时的转圈圈样式 */
.ajax-layer-load.layui-layer-dialog{min-width: 0px !important; background-color: rgba(0,0,0,0.85);}
.ajax-layer-load.layui-layer-dialog .layui-layer-content{padding: 10px 20px 10px 40px; color: #FFF;}
.ajax-layer-load.layui-layer-dialog .layui-layer-content .layui-layer-ico{width: 20px; height: 20px; background-size: 20px 20px; top: 12px; }

View File

@@ -56,8 +56,16 @@ var myDocsifyPlugin = function(hook, vm) {
});
// 功能5统计赞助人数
if($('.zanzhu-count').length && $('.zanzhu-box table').length) {
$('.zanzhu-count').html($('.zanzhu-box table tr').length);
// if($('.zanzhu-count').length && $('.zanzhu-box table').length) {
// $('.zanzhu-count').html($('.zanzhu-box table tr').length);
// }
// 功能5渲染赞助数据
if($('.zanzhu-table').length) {
// $('.zanzhu-count').html($('.zanzhu-box table tr').length);
// console.log(123);
renderDonateTable();
onZanzhuSortClick();
}
// 功能6标题下面的广告

View File

@@ -55,7 +55,7 @@ function getCopyDonateListByMoneySort() {
})
return arr;
}
console.log(getCopyDonateListByMoneySort());
// console.log(getCopyDonateListByMoneySort());
// 赞助配置
@@ -123,7 +123,7 @@ function renderDonateTable2() {
renderDonateTable();
}, 300);
}
renderDonateTable();
// renderDonateTable();
// 上一页
function prevPageRDT(){
@@ -142,18 +142,20 @@ function nextPageRDT(){
renderDonateTable2();
}
// 切换排序
$('.zanzhu-sort-btn').click(function(){
// 切换 class
$('.zz-sort-native').removeClass('zz-sort-native');
$(this).addClass('zz-sort-native');
// 切换数据
zzCfg.curr = 1; // 重置为第1页
zzCfg.sort = parseInt($(this).attr('sort-value'));
renderDonateTable2();
})
// 绑定事件:切换排序
function onZanzhuSortClick(){
$('.zanzhu-sort-btn').click(function(){
// 切换 class
$('.zz-sort-native').removeClass('zz-sort-native');
$(this).addClass('zz-sort-native');
// 切换数据
zzCfg.curr = 1; // 重置为第1页
zzCfg.sort = parseInt($(this).attr('sort-value'));
renderDonateTable2();
})
}
onZanzhuSortClick();
// 读取 sa-token-donate 页数据为 json
function readDataToJson() {

View File

@@ -139,8 +139,8 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
/* -------- 赞助者名单 --------- */
.zanzhu-box{}
.zanzhu-table{width: 100%; margin-top: 20px; /* border-color: #fff; */ font-size: 14px; text-align: left; color: #333;}
.zanzhu-box{font-size: 14px;}
.zanzhu-table{width: 100%; margin-top: 20px; /* border-color: #fff; */ text-align: left; color: #333;}
.zanzhu-table th,.zanzhu-table td{padding: 5px 10px;}
.zanzhu-table tr:nth-child(even){background: #F8F8F8;}
.zanzhu-table .zanzhu-money{color: red;}