270 lines
2.6 KiB
CSS
270 lines
2.6 KiB
CSS
.text-xs {
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.text-sm {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.text-df {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.text-lg {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.text-xl {
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.text-xxl {
|
|
font-size: 40rpx;
|
|
}
|
|
|
|
.text-sl {
|
|
font-size: 80rpx;
|
|
}
|
|
|
|
.text-xsl {
|
|
font-size: 120rpx;
|
|
}
|
|
|
|
.margin {
|
|
margin: 30rpx;
|
|
}
|
|
|
|
.margin-xs {
|
|
margin: 10rpx;
|
|
}
|
|
|
|
.margin-sm {
|
|
margin: 20rpx;
|
|
}
|
|
|
|
.margin-lg {
|
|
margin: 40rpx;
|
|
}
|
|
|
|
.margin-xl {
|
|
margin: 50rpx;
|
|
}
|
|
|
|
.margin-top-xs {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.marginTop-sm {
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.margintop-four{
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.marginTop {
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
.marginTop-ssm {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.marginTop-lg {
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.marginTop-xl {
|
|
margin-top: 50rpx;
|
|
}
|
|
|
|
.marginTop-max {
|
|
margin-top: 80rpx;
|
|
}
|
|
|
|
.marginRight-xs {
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.marginRight-sm {
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.marginRight {
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.marginRight-lg {
|
|
margin-right: 40rpx;
|
|
}
|
|
|
|
.marginRight-xl {
|
|
margin-right: 50rpx;
|
|
}
|
|
|
|
.margin-bottom-xs {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.marginBottom-sm {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.marginBottom {
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.marginBottom-lg {
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
.marginBottom-xl {
|
|
margin-bottom: 50rpx;
|
|
}
|
|
|
|
.marginLeft-min {
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
.marginLeft-xs {
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.marginLeft-sm {
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.marginLeft {
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.marginLeft-lg {
|
|
margin-left: 40rpx;
|
|
}
|
|
|
|
.marginLeft-xl {
|
|
margin-left: 50rpx;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.flex-sub {
|
|
flex: 1;
|
|
}
|
|
|
|
.flex-twice {
|
|
flex: 2;
|
|
}
|
|
|
|
.flex-treble {
|
|
flex: 3;
|
|
}
|
|
|
|
.flex-direction {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.align-start {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.align-end {
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.flex-align {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-contion {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-between {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-conter {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex-grow{
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.align-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.justify-around {
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.bg-video {
|
|
position: relative;
|
|
}
|
|
|
|
.bg-postion{
|
|
position: absolute;
|
|
}
|
|
|
|
.padding {
|
|
padding: 30rpx;
|
|
}
|
|
|
|
.padding-xs {
|
|
padding: 10rpx;
|
|
}
|
|
|
|
.padding-sm {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.paddingTop {
|
|
padding-top: 30rpx;
|
|
}
|
|
|
|
.paddingTop-sm {
|
|
padding-top: 30rpx;
|
|
}
|
|
|
|
.text-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right;
|
|
}
|