頁面指標

頁面指示器顯示當前頁面索引和總頁數。 它顯示在案頭系統和平板電腦的主控制欄中,在行動電話上,它被添加到輔助控制欄中。 頁面指標可由CSS調整大小、加上外觀和定位。

頁面指示器的外觀由以下CSS類選擇器控制:

.s7ecatalogviewer .s7pageindicator

CSS屬性

說明

頂部

從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的上邊框位置,包括邊框間距。

右側

從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的右邊框定位,包括邊框間距。

左側

從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的左邊框位置,包括邊框間距。

底部

從主控制欄(在案頭系統和平板電腦上)或次控制欄(在行動電話上)的底邊框位置,包括邊框間距。

width

頁面指示器的寬度。

height

頁面指示器的高度。

color

字型色彩.

字型系列

字型名稱。

字型大小

字型大小.

示例 — 要設定一個56 x 28像素、水準居中並從主控制欄底部定位4像素的頁面指示器,並使用14像素Helvetica字型。

.s7ecatalogviewer  .s7pageindicator { 
 position:absolute; 
 bottom: 4px; 
 margin-left: -28px;  
 left: 50%; 
 width:56px; 
 height:28px; 
 font-family: Helvetica; 
 font-size:14px; 
}

本頁內容