頁面指示器會顯示目前的頁面索引和總頁面計數。 它會顯示在桌上型電腦系統和平板電腦的主控制列中,在行動電話上則會新增至次要控制列。 頁面指標可由CSS調整大小、建立外觀和定位。
頁面指示器的外觀是由下列CSS類別選取器所控制:
.s7ecatalogviewer .s7pageindicator
CSS屬性 |
說明 |
---|---|
頂部 |
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的頂端邊框定位,包括邊框間距。 |
右側 |
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的右邊框定位,包括邊框間距。 |
左側 |
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的左邊框定位,包括邊框間距。 |
底部 |
從主要控制列(在桌上型電腦系統和平板電腦上)或次要控制列(在行動電話上)的底部邊框定位,包括邊框間距。 |
width |
頁面指示器的寬度。 |
height |
頁面指示器的高度。 |
color |
字型色彩. |
font-family |
字型名稱。 |
font-size |
字型大小. |
範例 — 設定頁面指示器為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;
}