頁面指示器顯示當前頁面索引和總頁數。 它顯示在案頭系統和平板電腦的主控制欄中,在行動電話上,它被添加到輔助控制欄中。 頁面指標可由CSS調整大小、加上外觀和定位。
外觀頁面指示器由以下CSS類選擇器控制:
.s7ecatalogsearchviewer .s7pageindicator
CSS屬性 |
說明 |
---|---|
頂部 |
從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的上邊框位置,包括邊框間距。 |
右側 |
從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的右邊框定位,包括邊框間距。 |
左側 |
從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的左邊框位置,包括邊框間距。 |
底部 |
從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的底邊框位置,包括邊框間距。 |
width |
頁面指示器的寬度。 |
height |
頁面指示器的高度。 |
color |
字型色彩. |
字型系列 |
字型名稱。 |
字型大小 |
字型大小. |
示例 — 要設定一個56 x 28像素、水準居中並從主控制欄底部放置4像素的頁面指示器,並使用14像素Helvetica®字型。
.s7ecatalogsearchviewer .s7pageindicator {
position:absolute;
bottom: 4px;
margin-left: -28px;
left: 50%;
width:56px;
height:28px;
font-family: Helvetica;
font-size:14px;
}