@@ -21,35 +21,33 @@ body .layer-ext-moon .layui-layer-title {
21
21
border : none;
22
22
}
23
23
24
- body .layer-ext-moon .layui-layer-content .layui-layer-ico {
24
+ body .layer-ext-moon .layui-layer-content .layui-layer-face {
25
25
height : 32px ;
26
26
width : 32px ;
27
27
top : 18.5px ;
28
28
}
29
- body .layer-ext-moon .layui-layer-ico0 {
29
+ body .layer-ext-moon .layui-icon-tips {
30
30
background : url (default.png) no-repeat -96px 0 ;
31
- ;
32
31
}
33
- body .layer-ext-moon .layui-layer-ico1 {
32
+ body .layer-ext-moon .layui-icon-success {
34
33
background : url (default.png) no-repeat -224px 0 ;
35
- ;
36
34
}
37
- body .layer-ext-moon .layui-layer-ico2 {
35
+ body .layer-ext-moon .layui-icon-error {
38
36
background : url (default.png) no-repeat -192px 0 ;
39
37
}
40
- body .layer-ext-moon .layui-layer-ico3 {
38
+ body .layer-ext-moon .layui-icon-question {
41
39
background : url (default.png) no-repeat -160px 0 ;
42
40
}
43
- body .layer-ext-moon .layui-layer-ico4 {
41
+ body .layer-ext-moon .layui-icon-lock {
44
42
background : url (default.png) no-repeat -320px 0 ;
45
43
}
46
- body .layer-ext-moon .layui-layer-ico5 {
44
+ body .layer-ext-moon .layui-icon-face-cry {
47
45
background : url (default.png) no-repeat -288px 0 ;
48
46
}
49
- body .layer-ext-moon .layui-layer-ico6 {
47
+ body .layer-ext-moon .layui-icon-face-smile {
50
48
background : url (default.png) -256px 0 ;
51
49
}
52
- body .layer-ext-moon .layui-layer-ico7 {
50
+ body .layer-ext-moon .layui-layer-download {
53
51
background : url (default.png) no-repeat -128px 0 ;
54
52
}
55
53
body .layer-ext-moon .layui-layer-setwin {
@@ -136,3 +134,36 @@ body .layer-ext-moon .layui-layer-btn .layui-layer-btn3 {
136
134
body .layer-ext-moon .layui-layer-title span .layui-layer-tabnow {
137
135
height : 47px ;
138
136
}
137
+
138
+ /** 图标字体 **/
139
+ @font-face {
140
+ font-family : 'layui-icon' ;
141
+ src : url ('../../../../../fonts/iconfont.woff?v=282' ) format ('woff' );
142
+ }
143
+
144
+ .layui-icon {
145
+ font-family : "layui-icon" !important ;
146
+ font-style : normal;
147
+ -webkit-font-smoothing : antialiased;
148
+ -moz-osx-font-smoothing : grayscale;
149
+ }
150
+ /* font-class */
151
+ .layui-icon-left : before {content : "\e603" }
152
+ .layui-icon-right : before {content : "\e602" }
153
+ .layui-icon-refresh : before {content : "\e669" }
154
+ .layui-icon-slider : before {content : "\e714" }
155
+ .layui-icon-add-circle : before {content : "\e61f" }
156
+ .layui-icon-reduce-circle : before {content : "\e616" }
157
+ .layui-icon-refresh-1 : before {content : "\e666" }
158
+ .layui-icon-loading : before {content : "\e63d" }
159
+ .layui-icon-loading-1 : before {content : "\e63e" }
160
+
161
+ /** 循环旋转动画 **/
162
+ .layui-anim {-webkit-animation-duration : 0.3s ; -webkit-animation-fill-mode : both; animation-duration : 0.3s ; animation-fill-mode : both;}
163
+ .layui-anim .layui-icon {display : inline-block;}
164
+ .layui-anim-loop {-webkit-animation-iteration-count : infinite; animation-iteration-count : infinite;}
165
+ .layui-trans ,
166
+ .layui-trans a {transition : all .2s ; -webkit-transition : all .2s ;}
167
+ @-webkit-keyframes layui-rotate{from {-webkit-transform : rotate (0deg );} to {-webkit-transform : rotate (360deg );}}
168
+ @keyframes layui-rotate{from {transform : rotate (0deg );} to {transform : rotate (360deg );}}
169
+ .layui-anim-rotate {-webkit-animation-name : layui-rotate; animation-name : layui-rotate; -webkit-animation-duration : 1s ; animation-duration : 1s ; -webkit-animation-timing-function : linear; animation-timing-function : linear;}
0 commit comments