我的最愛效果 favorites-effect

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

主題：

建立對象：

開發人員
使用者

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

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

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

最愛圖示的 CSS屬性

背景影像

為圖示顯示的影像。

背景位置

若使用CSS拼寫，則定位在圖稿sprite內。

另請參閱 CSS Sprite。

寬度

圖示的寬度。

高度

圖示的高度。

範例 — 設定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;
}

recommendation-more-help

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