sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

分页组件新增自定义页码跳转

feat/task1-c-wallet
Devil 2020-11-29 17:40:10 +08:00
parent 9cc6ce5083
commit 1ab359a25a
3 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog.txt
View File

@ -12,6 +12,7 @@ web端
2. 分类管理组件优化、支持异步无刷新操作
3. 顶部小导航/logo位置新增钩
4. 新增商品参数模板管理、配置商品直接选择模板载入
5. 分页组件新增自定义页码跳转
小程序
1. 支付订单0金额错误修复

22
extend/base/Page.php
View File

@ -27,7 +27,7 @@ class Page
private $page_total;
private $url;
private $html;
private $page_start_tag;
private $page_join;
/**
* [__construct description]
@ -84,9 +84,9 @@ class Page
}
}
}
$this->page_start_tag = ($tmp == false) ? '&' : (($state === false) ? '?' : '&');
$this->page_join = ($tmp == false) ? '&' : (($state === false) ? '?' : '&');
} else {
$this->page_start_tag = ($state === false) ? '?' : '&';
$this->page_join = ($state === false) ? '?' : '&';
}
}
@ -100,23 +100,27 @@ class Page
$this->html .= '<ul class="am-pagination am-pagination-centered">';
$this->html .= '<li '.$before_disabled.'>';
$this->html .= '<a href="'.$this->url.$this->page_start_tag.'page=1" class="am-radius am-icon-angle-double-left"></a>';
$this->html .= '<a href="'.$this->url.$this->page_join.'page=1" class="am-radius am-icon-angle-double-left"></a>';
$this->html .= '</li>';
$this->html .= '<li '.$before_disabled.'>';
$this->html .= '<a href="'.$this->url.$this->page_start_tag.'page='.($this->page-1).'" class="am-radius am-icon-angle-left"></a>';
$this->html .= '<a href="'.$this->url.$this->page_join.'page='.($this->page-1).'" class="am-radius am-icon-angle-left"></a>';
$this->html .= '</li>';
$this->html .= $this->GetButtonNumberHtml();
$this->html .= '<li '.$after_disabled.'>';
$this->html .= '<a href="'.$this->url.$this->page_start_tag.'page='.($this->page+1).'" class="am-radius am-icon-angle-right"></a>';
$this->html .= '<a href="'.$this->url.$this->page_join.'page='.($this->page+1).'" class="am-radius am-icon-angle-right"></a>';
$this->html .= '</li>';
$this->html .= '<li '.$after_disabled.'>';
$this->html .= '<a href="'.$this->url.$this->page_start_tag.'page='.$this->page_total.'" class="am-radius am-icon-angle-double-right"></a>';
$this->html .= '<a href="'.$this->url.$this->page_join.'page='.$this->page_total.'" class="am-radius am-icon-angle-double-right"></a>';
$this->html .= '</li>';
$this->html .= '&nbsp;&nbsp;&nbsp;<span>跳转到</span>';
$this->html .= '<input type="text" min="1" class="am-form-field am-inline-block am-text-center am-margin-horizontal-xs pagination-input" value="'.$this->page.'" onchange="window.location.href=\''.$this->url.$this->page_join.'page=\'+(isNaN(parseInt(this.value)) ? 1 : parseInt(this.value) || 1);" onclick="this.select()" />';
$this->html .= '<span>页</span>';
$this->html .= '<div>';
$this->html .= '<span>共 '.$this->total.' 条数据</span>';
$this->html .= '&nbsp;&nbsp;&nbsp;<span>共 '.$this->page_total.' 页</span>';
@ -143,7 +147,7 @@ class Page
$total = ($this->page-$this->bt_number < 1) ? 1 : $this->page-$this->bt_number;
for($i=$this->page-1; $i>=$total; $i--)
{
$html_before = '<li><a href="'.$this->url.$this->page_start_tag.'page='.$i.'" class="am-radius">'.$i.'</a></li>'.$html_before;
$html_before = '<li><a href="'.$this->url.$this->page_join.'page='.$i.'" class="am-radius">'.$i.'</a></li>'.$html_before;
}
}
@ -153,7 +157,7 @@ class Page
$total = ($this->page+$this->bt_number > $this->page_total) ? $this->page_total : $this->page+$this->bt_number;
for($i=$this->page+1; $i<=$total; $i++)
{
$html_after .= '<li><a href="'.$this->url.$this->page_start_tag.'page='.$i.'" class="am-radius">'.$i.'</a></li>';
$html_after .= '<li><a href="'.$this->url.$this->page_join.'page='.$i.'" class="am-radius">'.$i.'</a></li>';
}
}
}

8
public/static/common/css/common.css
View File

@ -749,4 +749,12 @@ button.colorpicker-submit img {
border: 1px solid #dd514c;
background: transparent;
color: #dd514c;
}
/**
* 分页
*/
.pagination-input {
width: 50px;
vertical-align: inherit !important;
}