我的最愛效果

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

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

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

「我的最愛」圖示的CSS屬性

背景影像

為表徵圖顯示的影像。

背景位置

如果使用CSS精靈,請放在圖稿精靈內。

另請參閱 CSS精靈

width

圖示寬度。

height

圖示的高度。

範例——設定36 x 36像素「我的最愛」圖示。

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

在案頭系統上,該元件支援cursortype屬性選擇器,您可以將該選擇器應用於.s7favoriteseffect類,並根據選定的用戶操作控制游標類型。 支援下列cursortype值:

mode_add

顯示的用戶正在添加新的收藏夾表徵圖。

mode_remove

顯示的用戶正在刪除現有的收藏夾表徵圖。

mode_view

當「我的最愛」編輯未作用時,會以正常操作模式顯示。

示例——每種類型的元件狀態有不同的滑鼠游標。

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] { 
cursor: crosshair; 
} 
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] { 
cursor: not-allowed; 
} 
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] { 
cursor: auto; 
}

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now