页面指示器

页面指示器显示当前页面索引和页面总计数。 它显示在台式机系统和平板电脑的主控制栏中，在手机上，它被添加到辅助控制栏中。 页面指示器可以通过CSS进行大小、外观和定位。

使用以下CSS类选择器控制外观页面指示器：

.s7ecatalogsearchviewer .s7pageindicator

CSS属性

说明

顶端

从主控制栏（在台式机系统和平板电脑上）或辅助控制栏（在手机上）的上边框的位置，包括边距。

右

从主控制栏（在台式机系统和平板电脑上）或辅助控制栏（在手机上）的右边框的位置，包括边距。

左侧

从主控制栏（在台式机系统和平板电脑上）或辅助控制栏（在手机上）的左边框的位置，包括边距。

底部

从主控制栏（在台式机系统和平板电脑上）或辅助控制栏（在手机上）的下边框的位置，包括边距。

width

页面指示器的宽度。

height

页面指示器的高度。

color

字体颜色.

字体系列

字体名称。

字体大小

字体大小.

示例 — 设置一个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;
}

在此页面上