reset - 样式重置
组件默认是没有进行样式重置,但是也提供了样式重置文件,可以手动在入口文件引入
例如,在 main.ts
中引入
ts
import 'litos-ui-vue/style/reset.css';
1
重置样式包含如下内容:
css
/* 一般开发网页的时候,都是按照100%来开发 */
html,
body {
height: 100%;
}
body {
margin: 0;
font-size: 14px;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
/* 修复由于 inline baseline 导致的图片下方的空白间隙问题 */
img {
vertical-align: top;
}
/* 非大面积文字排版网站通常不需要列表项,如果需要可单独设置 */
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
/* 统一采用盒子模式 */
div {
box-sizing: border-box;
}
/*
* 去除链接默认的下划线,提高文字可读性
*/
a {
text-decoration: none;
color: #4998f6;
cursor: pointer;
transition: color 0.3s;
}
a:hover {
color: #5ba2f7; /* less tint(#4998f6, 10%) */
}
a:active {
color: #64a7f7; /* less tint(#4998f6, 15%) */
}
p {
margin: 5px 0;
font-size: 16px;
line-height: 1.4;
color: #333;
}
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
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