收藏夹效果 favorites-effect

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：

创建对象：

开发人员
用户

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

收藏夹图标的外观可通过以下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