页面指示器

页面指示器显示当前页面索引和页面总计数。 它显示在台式机系统和平板电脑的主控制栏中,在手机上,它被添加到辅助控制栏中。 页面指示器可以通过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; 
}

在此页面上