You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
181 lines
3.5 KiB
181 lines
3.5 KiB
@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 */
|
|
|