mirror of
https://gitee.com/dromara/sa-token.git
synced 2025-10-25 10:09:01 +08:00
文档赞助页增加分页能力
This commit is contained in:
@@ -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; }
|
||||
|
||||
@@ -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:标题下面的广告
|
||||
|
||||
@@ -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() {
|
||||
@@ -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;}
|
||||
|
||||
Reference in New Issue
Block a user