查看器会在主视图上最初由用户添加的位置显示收藏夹图标。
收藏夹图标的外观由以下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;
}