页面指示器 page-indicator

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

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

.s7ecatalogviewer .s7pageindicator

CSS属性
说明
位于主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的顶部边框,包括内边距。
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的右边框定位,包括内边距。
已离开
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的左边框定位,包括内边距。
从主控制栏(在桌面系统和平板电脑上)或辅助控制栏(在手机上)的底部边框定位,包括填充。
宽度
页面指示器的宽度。
高度
页面指示器的高度。
颜色
字体颜色。
字体系列
字体名称。
字体大小
字体大小。

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

.s7ecatalogviewer  .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