4 changed files with 17 additions and 189 deletions
@ -1,181 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
#app { |
|
||||
box-sizing: border-box; |
|
||||
background-color: #f5f5f5; |
|
||||
} |
|
||||
|
|
||||
/* 颜色变量 */ |
|
||||
/*============================= 文字尺寸 =============================*/ |
|
||||
image { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
view { |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
/*============================= 弹性盒子 =============================*/ |
|
||||
.flex-end-evenly, .flex-end-around, .flex-end-between, .flex-end-end, .flex-end-center, .flex-end-start, .flex-center-evenly, .flex-center-around, .flex-center-between, .flex-center-end, .flex-center-start, .flex-start-evenly, .flex-start-around, .flex-start-between, .flex-start-end, .flex-start-center, .flex-start-start, .flex { |
|
||||
display: flex; |
|
||||
flex-wrap: nowrap; |
|
||||
} |
|
||||
|
|
||||
.flex { |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
.flex-start-start { |
|
||||
align-items: flex-start; |
|
||||
justify-content: flex-start; |
|
||||
} |
|
||||
.flex-start-center { |
|
||||
align-items: flex-start; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
.flex-start-end { |
|
||||
align-items: flex-start; |
|
||||
justify-content: flex-end; |
|
||||
} |
|
||||
.flex-start-between { |
|
||||
align-items: flex-start; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.flex-start-around { |
|
||||
align-items: flex-start; |
|
||||
justify-content: space-around; |
|
||||
} |
|
||||
.flex-start-evenly { |
|
||||
align-items: flex-start; |
|
||||
justify-content: space-evenly; |
|
||||
} |
|
||||
.flex-center-start { |
|
||||
align-items: center; |
|
||||
justify-content: flex-start; |
|
||||
} |
|
||||
.flex-center-end { |
|
||||
align-items: center; |
|
||||
justify-content: flex-end; |
|
||||
} |
|
||||
.flex-center-between { |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.flex-center-around { |
|
||||
align-items: center; |
|
||||
justify-content: space-around; |
|
||||
} |
|
||||
.flex-center-evenly { |
|
||||
align-items: center; |
|
||||
justify-content: space-evenly; |
|
||||
} |
|
||||
.flex-end-start { |
|
||||
align-items: flex-end; |
|
||||
justify-content: flex-start; |
|
||||
} |
|
||||
.flex-end-center { |
|
||||
align-items: flex-end; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
.flex-end-end { |
|
||||
align-items: flex-end; |
|
||||
justify-content: flex-end; |
|
||||
} |
|
||||
.flex-end-between { |
|
||||
align-items: flex-end; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.flex-end-around { |
|
||||
align-items: flex-end; |
|
||||
justify-content: space-around; |
|
||||
} |
|
||||
.flex-end-evenly { |
|
||||
align-items: flex-end; |
|
||||
justify-content: space-evenly; |
|
||||
} |
|
||||
|
|
||||
[class*=flex-].nowrap, |
|
||||
[class^=flex].nowrap { |
|
||||
flex-wrap: nowrap; |
|
||||
} |
|
||||
[class*=flex-].stretch, |
|
||||
[class^=flex].stretch { |
|
||||
align-items: stretch; |
|
||||
} |
|
||||
[class*=flex-].row, |
|
||||
[class^=flex].row { |
|
||||
flex-direction: row; |
|
||||
} |
|
||||
[class*=flex-].row-reverse, |
|
||||
[class^=flex].row-reverse { |
|
||||
flex-direction: "row-reverse"; |
|
||||
} |
|
||||
[class*=flex-].column, |
|
||||
[class^=flex].column { |
|
||||
flex-direction: column; |
|
||||
} |
|
||||
[class*=flex-].column-reverse, |
|
||||
[class^=flex].column-reverse { |
|
||||
flex-direction: "column-reverse"; |
|
||||
} |
|
||||
[class*=flex-].wrap, |
|
||||
[class^=flex].wrap { |
|
||||
flex-wrap: wrap; |
|
||||
} |
|
||||
[class*=flex-].wrap-reverse, |
|
||||
[class^=flex].wrap-reverse { |
|
||||
flex-wrap: "wrap-reverse"; |
|
||||
} |
|
||||
|
|
||||
.flex1 { |
|
||||
flex: 1; |
|
||||
} |
|
||||
|
|
||||
.flex2 { |
|
||||
flex: 2; |
|
||||
} |
|
||||
|
|
||||
.flex3 { |
|
||||
flex: 3; |
|
||||
} |
|
||||
|
|
||||
.flex4 { |
|
||||
flex: 4; |
|
||||
} |
|
||||
|
|
||||
/*============================= 文字溢出 =============================*/ |
|
||||
.text-ellipsis { |
|
||||
overflow: hidden; |
|
||||
white-space: nowrap; |
|
||||
text-overflow: ellipsis; |
|
||||
} |
|
||||
.text-ellipsis-2 { |
|
||||
overflow: hidden; |
|
||||
white-space: normal; |
|
||||
text-overflow: ellipsis; |
|
||||
display: -webkit-box; |
|
||||
-webkit-box-orient: vertical; |
|
||||
line-clamp: 1; |
|
||||
-webkit-line-clamp: 2; |
|
||||
} |
|
||||
.text-ellipsis-3 { |
|
||||
overflow: hidden; |
|
||||
white-space: normal; |
|
||||
text-overflow: ellipsis; |
|
||||
display: -webkit-box; |
|
||||
-webkit-box-orient: vertical; |
|
||||
line-clamp: 1; |
|
||||
-webkit-line-clamp: 3; |
|
||||
} |
|
||||
.text-ellipsis-4 { |
|
||||
overflow: hidden; |
|
||||
white-space: normal; |
|
||||
text-overflow: ellipsis; |
|
||||
display: -webkit-box; |
|
||||
-webkit-box-orient: vertical; |
|
||||
line-clamp: 1; |
|
||||
-webkit-line-clamp: 4; |
|
||||
} |
|
||||
|
|
||||
/*# sourceMappingURL=uni.css.map */ |
|
||||
Loading…
Reference in new issue