設定指標 set-indicator

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

undefined
undefined

設定指標是在觸控裝置上使用檢視器時，呈現在色票上方的一系列點。無法使用捲動按鈕時，圓點可協助使用者瀏覽縮圖頁面。

設定指示器的 CSS屬性

設定指標容器的外觀是由下列CSS類別選取器所控制：

.s7zoomviewer .s7setindicator

CSS屬性

說明

背景色彩

設定指示器的十六進位格式的背景顏色。

範例 — 若要建立具有白色背景的設定指示器：

.s7zoomviewer .s7setindicator {
 background-color: #FFFFFF;
}

個別設定指標點的外觀是由CSS類別選取器所控制：

.s7zoomviewer .s7setindicator .s7dot

CSS屬性

說明

寬度

設定指標點的寬度。

高度

設定指標點的高度。

左邊界

左邊界（畫素）。

上邊界

上邊界（畫素）。

右邊界

以畫素為單位的右邊界。

邊緣底部

下方邊界（畫素）。

邊框半徑

邊框半徑（畫素）。

背景色彩

以十六進位格式表示的背景顏色。

NOTE

設定指標點支援state屬性選取器，可用來將不同的外觀元素套用至不同的縮圖狀態。特別是，state="selected"對應於目前的縮圖頁面，state="unselected"對應於預設點狀態。

範例 — 若要將指標點設為15 x 15畫素，並具有2畫素水準邊界、5畫素上邊界、1畫素下邊界、12畫素半徑、#D5D3D3預設顏色和#939393現用顏色：

.s7zoomviewer .s7setindicator .s7dot {
 width:15px;
 height:15px;
 margin-left:2px;
 margin-top:5px;
 margin-right:2px;
 margin-bottom:1px;
 border-radius:12px;
 background-color:#D5D3D3;
}
.s7zoomviewer .s7setindicator .s7dot[state="selected"] {
 background-color:#939393;
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8