页面指示器 page-indicator

页指示器显示当前页索引和总页数。 它显示在桌面系统和平板电脑的主控制栏中,在手机上,它被添加到辅助控制栏中。 页面指示器可以由CSS调整大小、设置外观和进行定位。

外观页面指示器由以下CSS类选择器控制:

.s7ecatalogsearchviewer .s7pageindicator

CSS属性
说明
顶端
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的顶部边框定位,包括内边距。
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的右边框定位,包括内边距。
左侧
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的左边框定位,包括内边距。
底部
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的底部边框定位,包括内边距。
width
页面指示器的宽度。
height
页面指示器的高度。
color
字体颜色.
font-family
字体名称。
font-size
字体大小.

示例 — 设置一个页面指示器,其大小为56 x 28像素,水平居中并位于距主控栏底部4像素的位置,并使用14像素的Helvetica®字体。

.s7ecatalogsearchviewer  .s7pageindicator {
 position:absolute;
 bottom: 4px;
 margin-left: -28px;
 left: 50%;
 width:56px;
 height:28px;
 font-family: Helvetica;
 font-size:14px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8