<template>
|
<div name={pagingConfig.elementName} if:false={config.singlePageHide}>
|
<div class="_page_container">
|
<ul class={config.ulClass}>
|
<li if:true={isType1} class={config.homeClass} onclick={homeClick}>{pagingConfig.homeText}</li>
|
<li class={config.prevClass} onclick={prevClick}>{pagingConfig.prevText}</li>
|
<template for:each={config.pagesList} for:item="item">
|
<li key={item.dataIndex} class={item.pagesLiClass} data-index={item.dataIndex} onclick={pagesClick}>{item.dataIndex}</li>
|
</template>
|
<li class={config.nextClass} onclick={nextClick}>{pagingConfig.nextText}</li>
|
<li if:true={isType1} class={config.lastClass} onclick={lastClick}>{pagingConfig.lastText}</li>
|
</ul>
|
<div class="_jumper" if:true={pagingConfig.jumper}>
|
<span class="_count">共 {config.pageNum} 页</span>
|
<span>前往</span>
|
<input class="_jumper_input" type="number" min="1" max={config.pageNum} onblur={jumperPageNumBlur} value={pagingConfig.pageIndex}/><span>页</span>
|
</div>
|
</div>
|
</div>
|
</template>
|
