_svgicon.scss
1.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/* Recommended css code for vue-svgicon */
@font-face {
font-family: 'iconfont'; /* project id 2182054 */
src: url('//at.alicdn.com/t/font_2182054_ydx4ydailnn.eot');
src: url('//at.alicdn.com/t/font_2182054_ydx4ydailnn.eot?#iefix')
format('embedded-opentype'),
url('//at.alicdn.com/t/font_2182054_ydx4ydailnn.woff2') format('woff2'),
url('//at.alicdn.com/t/font_2182054_ydx4ydailnn.woff') format('woff'),
url('//at.alicdn.com/t/font_2182054_ydx4ydailnn.ttf') format('truetype'),
url('//at.alicdn.com/t/font_2182054_ydx4ydailnn.svg#iconfont') format('svg');
}
.iconfont {
font-family: 'iconfont' !important;
font-size: 16px;
font-style: normal;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
// -webkit-vertical-align: top;
-moz-osx-font-smoothing: grayscale;
// -moz-vertical-align: top;
color: #909399;
padding-left: 3px;
}
.status {
.iconfont {
display: inline-block;
margin-top: -2px;
}
}
.svg-icon {
display: inline-block;
width: 16px;
height: 16px;
color: inherit;
fill: currentColor;
// stroke: currentColor;
vertical-align: -0.15em;
}
.svg-fill {
fill: currentColor;
stroke: none;
}
.svg-fill:hover {
// fill: red;
}
.svg-up {
transform: rotate(0deg);
}
.svg-right {
transform: rotate(90deg);
}
.svg-down {
transform: rotate(180deg);
}
.svg-left {
transform: rotate(-90deg);
}
.loginIcon {
width: 16px;
height: 16px;
display: inline-block;
}
.iconUser {
background: url(../assets/icon/user.png);
background-size: contain;
}
.iconPassword {
background: url(../assets/icon/pwd.png);
background-size: contain;
}
.iconCode {
background: url(../assets/icon/code.png);
background-size: contain;
}