檢視器會在主檢視上顯示「我的最愛」圖示,位於使用者最初新增的位置。
「收藏夾」表徵圖的外觀由以下CSS類選擇器控制:
.s7ecatalogviewer .s7favoriteseffect .s7icon
「收藏夾」表徵圖的CSS屬性
背景 — 影像 |
為表徵圖顯示的影像。 |
背景位置 |
如果使用CSS精靈,則位於圖稿精靈內。 另請參閱 CSS Sprite . |
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;
}