页面指示器 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