收藏夹效果 favorites-effect

查看器会在主视图上最初由用户添加的位置显示收藏夹图标。

收藏夹图标的外观可通过以下CSS类选择器来控制:

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

收藏夹图标的​ CSS属性

背景图像
为图标显示的图像。
背景位置

如果使用CSS sprite,则定位在图稿sprite中。

另请参阅 CSS Sprite

宽度
图标的宽度。
高度
图标的高度。

示例 — 设置一个36 x 36像素的“收藏夹”图标。

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

在桌面系统上,该组件支持可应用于.s7favoriteseffect类的cursortype属性选择器,并根据所选的用户操作控制游标类型。 支持以下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