我的最愛效果 favorites-effect

檢視器會在使用者最初新增該檢視的位置,在主檢視上顯示「我的最愛」圖示。

「我的最愛」圖示的外觀由下列CSS類別選取器控制:

.s7ecatalogviewer .s7favoriteseffect .s7icon

最愛圖示的CSS屬性

background-image
為圖示顯示的影像。
background-position

若使用CSS sprite,則定位在圖稿sprite內。

另請參閱 CSS精靈.

width
圖示的寬度。
height
圖示的高度。

範例 — 設定36 x 36畫素的最愛圖示。

.s7ecatalogviewer .s7favoriteseffect .s7icon {
 height: 36px;
 width: 36px;
 background-image: url(images/v2/FavoriteEffect_dark_up.png);
}

在桌上型電腦系統上,元件支援 cursortype 屬性選擇器,可套用至 .s7favoriteseffect 類別並根據選取的使用者動作控制游標型別。 下列專案 cursortype 支援的值:

mode_add
顯示的使用者正在新增一個最愛圖示。
mode_remove
顯示的使用者正在移除現有的「我的最愛」圖示。
mode_view
當「我的最愛」編輯未作用中時,以正常操作模式顯示。

範例 — 針對每種元件狀態型別使用不同的滑鼠游標。

.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8