收藏夹效果 favorites-effect

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

收藏夹图标的外观由以下CSS类选择器控制:

.s7ecatalogviewer .s7favoriteseffect .s7icon

收藏夹图标的CSS属性

background-image
为图标显示的图像。
background-position

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

另请参阅 CSS脚本.

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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8