图标效果 icon-effect

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：

创建对象：

开发人员
用户

旋转指示器覆盖在主视图区域上。当图像处于重置状态时显示它，并且它还取决于iconeffect参数。

主查看器区域的 CSS属性

查看区域的外观由以下CSS类选择器控制：

.s7spinviewer .s7spinview .s7iconeffect

CSS属性

说明

背景图像

旋转指示器图稿。

背景位置

如果使用CSS sprite，则定位在图稿sprite中。

请参阅 CSS Sprite。

宽度

旋转指示器宽度。

高度

旋转指示器高度。

旋转指示器支持state属性选择器，如果存在一维旋转集，该属性选择器将设置为spin_1D；如果存在多维旋转集，该属性选择器将设置为spin_2D。

示例 — 设置100 x 100像素的缩放指示器。

.s7spinviewer .s7spinview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_1D"] {
background-image: url(images/spinIcon_1D.png);
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_2D"] {
background-image: url(images/spinIcon_2D.png);
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8