Skip to content

Commit dac7dd2

Browse files
290352095290352095
committed
ts类型修正
1 parent f2ed96e commit dac7dd2

File tree

3 files changed

+284
-56
lines changed

3 files changed

+284
-56
lines changed

‎src/assets/css/common/displaFlex.less

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
@charset "UTF-8";
2+
3+
.displayFlex{
4+
display: flex;
5+
display:-webkit-box;
6+
display: -moz-box;
7+
display: -ms-flexbox;
8+
display: -webkit-flex;
9+
}
10+
11+
.flex-direction-row{
12+
-webkit-box-orient:horizontal;
13+
-webkit-box-direction:normal;
14+
-moz-box-orient:horizontal;
15+
-moz-box-direction:normal;
16+
flex-direction:row;
17+
-webkit-flex-direction:row;
18+
}
19+
.flex-direction-column{
20+
-webkit-box-orient:vertical;
21+
-webkit-box-direction:normal;
22+
-moz-box-orient:vertical;
23+
-moz-box-direction:normal;
24+
flex-direction:column;
25+
-webkit-flex-direction:column;
26+
}
27+
.flex-justify-content{
28+
-webkit-justify-content:center;
29+
justify-content:center;
30+
-moz-box-pack:center;
31+
-webkit-box-pack:center;
32+
box-pack:center;
33+
}
34+
.flex-justify-right{
35+
-webkit-justify-content: flex-end;
36+
justify-content:flex-end;
37+
-moz-box-pack:end;
38+
-webkit-box-pack:end;
39+
box-pack:end;
40+
}
41+
.flex-justify-between{
42+
-webkit-justify-content: space-between;
43+
justify-content:space-between;
44+
-moz-box-pack:justify;
45+
-webkit-box-pack:justify;
46+
box-pack:space-between;
47+
}
48+
.flex-align-items {
49+
align-items: center;
50+
-webkit-align-items:center;
51+
box-align:center;
52+
-moz-box-align:center;
53+
-webkit-box-align:center;
54+
55+
}
56+
.flex-align-end {
57+
align-items: end;
58+
-webkit-align-items: flex-end;
59+
-moz-box-align:end;
60+
-webkit-box-align:end;
61+
62+
}
63+
.flex-wrap{
64+
-webkit-flex-wrap:wrap;
65+
-webkit-box-lines:multiple;
66+
-moz-flex-wrap:wrap;
67+
flex-wrap:wrap;
68+
}
69+
.flex-1{
70+
-moz-box-flex: 1.0; /*Firefox*/
71+
-webkit-box-flex: 1.0; /*Safari,Opera,Chrome*/
72+
box-flex: 1.0;
73+
flex:1;
74+
}
75+
.flex-justify-align{
76+
display: flex;
77+
display:-webkit-box;
78+
display: -moz-box;
79+
display: -ms-flexbox;
80+
display: -webkit-flex;
81+
-webkit-justify-content:center;
82+
justify-content:center;
83+
-moz-box-pack:center;
84+
-webkit-box-pack:center;
85+
box-pack:center;
86+
align-items:center;
87+
-webkit-align-items:center;
88+
box-align:center;
89+
-moz-box-align:center;
90+
-webkit-box-align:center;
91+
}
92+
.justify-align{
93+
-webkit-justify-content:center;
94+
justify-content:center;
95+
-moz-box-pack:center;
96+
-webkit-box-pack:center;
97+
box-pack:center;
98+
align-items:center;
99+
-webkit-align-items:center;
100+
box-align:center;
101+
-moz-box-align:center;
102+
-webkit-box-align:center;
103+
}
104+
.flex-justify{
105+
display: flex;
106+
display:-webkit-box;
107+
display: -moz-box;
108+
display: -ms-flexbox;
109+
display: -webkit-flex;
110+
-webkit-justify-content:center;
111+
justify-content:center;
112+
-moz-box-pack:center;
113+
-webkit-box-pack:center;
114+
box-pack:center;
115+
}
116+
.border_bottom (@color){
117+
&:before {
118+
position: absolute;
119+
bottom: 0;
120+
left: 0;
121+
content: '';
122+
width: 100%;
123+
height: 1px;
124+
border-bottom: 1px solid @color;
125+
-webkit-transform: scaleY(0.5);
126+
transform: scaleY(0.5);
127+
}
128+
}
129+
.border_top (@color){
130+
&:before {
131+
position: absolute;
132+
top: -1px;
133+
left: 0;
134+
content: '';
135+
width: 100%;
136+
height: 1px;
137+
border-top: 1px solid @color;
138+
-webkit-transform: scaleY(0.5);
139+
transform: scaleY(0.5);
140+
}
141+
}
142+
.border_right(@color){
143+
&:before {
144+
position: absolute;
145+
top: 0;
146+
right: -1px;
147+
left: 0;
148+
content: '';
149+
height: 100%;
150+
width: 1px;
151+
border-right: 1px solid @color;
152+
-webkit-transform: scaleX(0.5);
153+
transform: scaleX(0.5);
154+
}
155+
}
156+
.border_left(@color){
157+
&:before {
158+
position: absolute;
159+
top: 0;
160+
left: -1px;
161+
right: 0;
162+
content: '';
163+
height: 100%;
164+
width: 1px;
165+
border-lef: 1px solid @color;
166+
-webkit-transform: scaleY(0.5);
167+
transform: scaleY(0.5);
168+
}
169+
}
170+
.duohang(@number) {
171+
display: -webkit-box;
172+
-webkit-box-orient: vertical;
173+
-webkit-line-clamp: @number;
174+
overflow: hidden;
175+
}
176+
//单行
177+
.danhang {
178+
overflow:hidden;
179+
text-overflow:ellipsis;
180+
white-space:nowrap
181+
}
182+
.textareaPLaceholder(@color){
183+
184+
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
185+
color:@color;
186+
}
187+
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
188+
color:@color;
189+
}
190+
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
191+
color:@color;
192+
}
193+
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
194+
color:@color;
195+
}
196+
197+
}
198+
199+
200+
201+
202+
203+
204+
205+
206+
207+
208+
209+

0 commit comments

Comments
 (0)