BottomNav.css
789 Bytes
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
/*底部导航*/
.bottomButton{
width: 100%;
max-width: 680px;
position: fixed;
bottom: 0;
display: flex;
font-size: .18rem;
background-color:#FF9D5C;
height: .8rem;
background: url("../../assets/image/home-frame.png") no-repeat center center;
background-size: 100% 100%;
z-index: 10;
}
bottomButton > .module{
position: relative;
}
.bottomButton > .module>img{
width: .2rem;
height: .2rem;
margin-top: .3rem;
}
.bottomButton > .module:nth-child(2)>img{
width: .33rem;
height: .3rem;
margin-top: .2rem;
}
.line{
width: 15%;
text-align: center;
border-bottom: 2px solid #000;
position: absolute;
bottom: .1rem;
margin-left:.4rem;
}
.module{
text-align: center;
flex: 1;
}
.module>p{
margin: 0;
color: #666666;
font-size:.1rem;
}