收藏夹视图 favorites-view

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

主题：

创建对象：

开发人员
用户

收藏夹视图由缩略图图像列组成。

收藏夹视图容器的外观由以下CSS类选择器控制：

.s7ecatalogsearchviewer .s7favoritesview

收藏夹视图的位置和高度由视图管理；在CSS中，只能定义宽度。

收藏夹视图的 CSS属性

背景色

收藏夹视图的背景颜色。

宽度

视图的宽度。

示例 — 设置宽度为100像素、具有半透明灰色背景的“收藏夹”视图。

.s7ecatalogsearchviewer .s7favoritesview {
 width: 100px;
 background-color: rgba(221, 221, 221, 0.5);
}

收藏夹缩略图之间的间距由以下CSS类选择器控制：

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

收藏夹缩略图的 CSS属性

边距

每个缩略图周围的垂直边距大小。实际缩略图间距等于为 .s7缩略图单元格设置的上边距和下边距之和。

示例 — 设置十个像素间距。

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell {
 margin: 5px;
}

单个缩略图的外观可通过以下CSS类选择器进行控制：

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

收藏夹缩略图的 CSS属性

宽度

缩略图的宽度。

高度

缩略图的高度。

边框

缩略图的边框。

NOTE

缩略图支持state属性选择器，该选择器可用于将不同的外观应用于不同的缩略图状态。特别是，state="selected"对应于用户最近选择的缩略图。而state="default"对应于其余的缩略图。鼠标悬停时使用state="over"。

示例 — 要设置75 x 75像素的缩略图，请使用浅灰色默认边框和深灰色选定边框。

.s7ecatalogsearchviewer .s7favoritesview .s7thumb {
 width: 75px;
 height: 75px;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="default"] {
 border: 1px solid #dddddd;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="selected"] {
 border: 1px solid #666666;
}

缩略图标签的外观可通过以下CSS类选择器进行控制：

.s7ecatalogsearchviewer .s7favoritesview .s7label

收藏夹标签的 CSS属性

font-famy

字体名称。

字体大小

字体大小。

示例 — 设置具有14像素Helvetica®字体的标签。

.s7ecatalogsearchviewer .s7favoritesview .s7label {
 font-family: Helvetica,sans-serif;
 font-size: 14px;
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8