Skip to content

D
DoorLock
Commit 8029f26c by 朱建香
Options

样式更改

parent bd80ecf7
Showing with 24 additions and 9 deletions
web/lib/less/device/device.less
...@@ -186,15 +186,15 @@ ...@@ -186,15 +186,15 @@
.securityAlarm_img{ .securityAlarm_img{
.bgImg("red_securityAlarm_icon.png"); .bgImg("red_securityAlarm_icon.png");
// &:before{ &:before{
// content: ''; content: '';
// display: block; display: block;
// position: absolute; position: absolute;
// top: 0; top: 0;
// left: 0; left: 0;
// .bgImgSize(100%,100%,"red_securityAlarmLight_icon.png",center,cover); .bgImgSize(100%,100%,"red_securityAlarmLight_icon.png",center,cover);
// .animation(alarmLight 2.5s linear infinite); .animation(alarmLight 2.5s linear infinite);
// } }
} }
.redDoorbellBg{ .redDoorbellBg{
......
web/view/device/device.css
...@@ -1141,6 +1141,21 @@ p { ...@@ -1141,6 +1141,21 @@ p {
background-image: url("../../resources/image/red_securityAlarm_icon.png"); background-image: url("../../resources/image/red_securityAlarm_icon.png");
} }
.securityAlarm_img:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../../resources/image/red_securityAlarmLight_icon.png") no-repeat center;
-webkit-background-size: cover;
background-size: cover;
-webkit-animation: alarmLight 2.5s linear infinite;
animation: alarmLight 2.5s linear infinite;
}
.redDoorbellBg { .redDoorbellBg {
background: -webkit-linear-gradient(#ff4799, #fff, #fff, #fff, #ff4799); background: -webkit-linear-gradient(#ff4799, #fff, #fff, #fff, #ff4799);
background: linear-gradient(#ff4799, #fff, #fff, #fff, #ff4799); background: linear-gradient(#ff4799, #fff, #fff, #fff, #ff4799);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment