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.
87 lines
1.2 KiB
87 lines
1.2 KiB
5 years ago
|
.bgfff {
|
||
|
|
background: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paddingX24 {
|
||
|
|
padding-left: 24rpx;
|
||
|
|
padding-right: 24rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.marginB12 {
|
||
|
|
margin-bottom: 12rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 弹性盒子 */
|
||
|
|
.flex {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 分配空间占比为1 */
|
||
|
|
.flex-item {
|
||
|
|
display: block;
|
||
|
|
flex: 1;
|
||
|
|
-webkit-flex: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 子元素向左排列 */
|
||
|
|
.justify-start {
|
||
|
|
justify-content: start;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 子元素向右排列 */
|
||
|
|
.justify-end {
|
||
|
|
justify-content: end;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 子元素居中排列 */
|
||
|
|
.justify-center {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 子元素等宽排列 */
|
||
|
|
.justify-space-between {
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 子元素分散排列 */
|
||
|
|
.justify-space-around {
|
||
|
|
justify-content: space-around;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 顶部对齐 */
|
||
|
|
.align-top {
|
||
|
|
align-items: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 底部对齐 */
|
||
|
|
.align-bottom {
|
||
|
|
align-items: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 居中对齐 */
|
||
|
|
.align-center {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 在必要的时候拆行 */
|
||
|
|
.flex-wrap {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 垂直水平居中 */
|
||
|
|
.flex-container {
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 用户信息 */
|
||
|
|
.head-image {
|
||
|
|
width: 56rpx;
|
||
|
|
height: 56rpx;
|
||
|
|
/* background: #f7f7f7; */
|
||
|
|
border-radius: 8rpx;
|
||
|
|
margin-top: 24rpx;
|
||
|
|
margin-bottom: 24rpx;
|
||
|
|
}
|