diy_top_nav.wxss
2.58 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
/* components/diy_top_nav/diy_top_nav.wxss */
@import '../../app.wxss';
.nav_left{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.nav_left_box{
width: 48%;
align-items: center;
justify-content: center;
height: 100%;
}
.nav_right{
flex: 1;
}
.navl_left{
height: 100%;
background-color:rgba(255, 255, 255, .5);
border-radius:30rpx;
border: 1rpx solid rgba(227, 227, 227);
display: flex;
align-items: center;
justify-content: space-around;
padding: 0 4%;
box-sizing: border-box;
}
.navl_minddle{
height: 100%;
flex: 1;
background-color: bisque;
display: flex;
align-items: center;
vertical-align: middle;
/* justify-content: center; */
border-radius: 30rpx;
background-color: rgb(242, 243, 245);
/* background-color: #898989; */
font-size: 28rpx;
color: #898989;
}
.nav_search{
display: flex;
align-items: center;
margin: 0 10rpx 0 20rpx;
}
.navl_right{
background-color: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1rpx solid rgba(227, 227, 227);
}
.navl_left_b{
width: 1rpx;
height: 65%;
background-color:rgb(227,227,227) ;
}
.we_chat{
width: 45rpx;
height: 45rpx;
}
.nav_fh {
width: 18rpx;
height: 18rpx;
border-top: 2rpx solid #000;
border-right: 2rpx solid #000;
transform: rotateZ(-135deg);
display: inline-block;
margin-bottom: 3rpx;
}
.list_menu{
position: absolute;
/* bottom: -10rpx; */
/* top: -13rpx; */
left: -35rpx;
/* width: 180rpx; */
/* width: auto; */
padding: 10rpx 26rpx;
/* height: 400rpx; */
margin-top: 18rpx;
background-color: #fff;
/* background-color: rebeccapurple; */
border-radius: 15rpx;
z-index: 9999999;
}
.list_menu_top{
position: absolute;
top: -10rpx;
left: 50rpx;
width: 26rpx;
height: 26rpx;
/* background-color: rebeccapurple; */
background-color: #fff;
transform: rotateZ(45deg);
display: inline-block;
}
.menu_item{
display: flex;
align-items: center;
font-size: 26rpx;
white-space: nowrap;
/* padding: 20rpx; */
}
.menu_item image{
width: 36rpx;
height: 36rpx;
margin-right: 20rpx;
}
.call_back_box{
width: 100rpx;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
/* background-color: blueviolet; */
left: 0;
bottom: 0;
}
.call_back_box .nav_fh{
width: 20rpx;
height: 20rpx;
}
.tb_con{
position: absolute; bottom: 0; right: 24rpx; font-size: 18rpx;color: #333;
}
.sear_fangda{
vertical-align: middle; margin-left:20rpx; margin-right:8rpx;position:relative; top: 10rpx;
}