收藏夹效果
最近更新: 2024年7月20日
创建对象:
- 开发人员
- 用户
查看器会在主视图上最初由用户添加的位置显示收藏夹图标。
收藏夹图标的外观可通过以下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