收藏夹效果

上次更新: 2023-05-26
  • 创建对象:
  • Developer
    User

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

收藏夹图标的外观由以下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;
}

在此页面上