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.
338 lines
3.6 KiB
338 lines
3.6 KiB
|
|
// 字体对齐方式
|
|
.text-c {
|
|
text-align: center;
|
|
}
|
|
.text-r {
|
|
text-align: right;
|
|
}
|
|
.text-l {
|
|
text-align: left;
|
|
}
|
|
|
|
.w-100 {
|
|
width: 100%;
|
|
}
|
|
.w100 {
|
|
width: 100vw;
|
|
}
|
|
.h-100 {
|
|
height: 100%;
|
|
}
|
|
.h100 {
|
|
height: 100vh;
|
|
}
|
|
|
|
.fw700 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.color-a55 {
|
|
color:#A55822;
|
|
}
|
|
.color-999 {
|
|
color: #999;
|
|
}
|
|
.color-bc7 {
|
|
color: #BC796C;
|
|
}
|
|
|
|
.bg-bc7 {
|
|
background-color: #BC796C;
|
|
}
|
|
.color-aea {
|
|
color:#AEA8A8;
|
|
}
|
|
|
|
// 宽高
|
|
.w100 {
|
|
width: 100vw;
|
|
}
|
|
.w-100 {
|
|
width: 100%;
|
|
}
|
|
.h100 {
|
|
height: 100vh;
|
|
}
|
|
.h-100 {
|
|
height: 100%;
|
|
}
|
|
// 字大小
|
|
.size-22 {
|
|
font-size: 22rpx;
|
|
}
|
|
.size-24 {
|
|
font-size: 24rpx;
|
|
}
|
|
.size-26 {
|
|
font-size: 26rpx;
|
|
}
|
|
.size-28 {
|
|
font-size: 28rpx;
|
|
}
|
|
.size-30 {
|
|
font-size: 30rpx;
|
|
}
|
|
.size-32 {
|
|
font-size: 32rpx;
|
|
}
|
|
.size-34 {
|
|
font-size: 34rpx;
|
|
}
|
|
.size-36 {
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
// 颜色
|
|
.color-fff {
|
|
color: #fff;
|
|
}
|
|
.color-6a6 {
|
|
color: #6A6A6A;
|
|
}
|
|
.color-ccc {
|
|
color: #ccc;
|
|
}
|
|
.color-777 {
|
|
color: #777;
|
|
}
|
|
.color-888 {
|
|
color: #888;
|
|
}
|
|
.color-999 {
|
|
color: #999;
|
|
}
|
|
.color-ada {
|
|
color: #ADADAD;
|
|
}
|
|
.color-646 {
|
|
color: #646464;
|
|
}
|
|
.color-beb {
|
|
color: #BEBEBE;
|
|
}
|
|
.color-878 {
|
|
color: #878787;
|
|
}
|
|
.color-f69 {
|
|
color: #F69125;
|
|
}
|
|
.color-234 {
|
|
color: #23449B;
|
|
}
|
|
.color-101 {
|
|
color: #101010;
|
|
}
|
|
.color-ff2 {
|
|
color: #FF2742;
|
|
}
|
|
.color-151 {
|
|
color: #151C31;
|
|
}
|
|
.color-040 {
|
|
color: #040404;
|
|
}
|
|
.color-1d2 {
|
|
color: #1D2541;
|
|
}
|
|
.color-54b {
|
|
color: #54BDD8;
|
|
}
|
|
.color-ffb {
|
|
color: #FFBF60;
|
|
}
|
|
// 背景颜色
|
|
.bg-fff {
|
|
background-color: #fff;
|
|
}
|
|
// 字重
|
|
.fw700 {
|
|
font-weight: 700;
|
|
}
|
|
.fw400 {
|
|
font-weight: 400;
|
|
}
|
|
// 定位
|
|
.po-a {
|
|
position: absolute;
|
|
}
|
|
.po-r {
|
|
position: relative;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
// margin
|
|
.ml10 {
|
|
margin-left: 10rpx;
|
|
}
|
|
.ml16 {
|
|
margin-left: 16rpx;
|
|
}
|
|
.ml20 {
|
|
margin-left: 20rpx;
|
|
}
|
|
.ml28 {
|
|
margin-left: 28rpx;
|
|
}
|
|
.ml30{
|
|
margin-left: 30rpx;
|
|
}
|
|
.mt22 {
|
|
margin-top: 22rpx;
|
|
}
|
|
.mt24 {
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.mt48 {
|
|
margin-top: 48rpx;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10rpx;
|
|
}
|
|
.mt16 {
|
|
margin-top: 16rpx;
|
|
}
|
|
.mt20 {
|
|
margin-top: 20rpx;
|
|
}
|
|
.mt32 {
|
|
margin-top: 32rpx;
|
|
}
|
|
.mt40 {
|
|
margin-top: 40rpx;
|
|
}
|
|
.mt60 {
|
|
margin-top: 60rpx;
|
|
}
|
|
.mr10 {
|
|
margin-right: 10rpx;
|
|
}
|
|
.mr16 {
|
|
margin-right: 16rpx;
|
|
}
|
|
.mr20 {
|
|
margin-right: 20rpx;
|
|
}
|
|
.mr24 {
|
|
margin-right: 24rpx;
|
|
}
|
|
.mr28 {
|
|
margin-right: 28rpx;
|
|
}
|
|
.mr32 {
|
|
margin-right: 32rpx;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.mb20 {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.mb24 {
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.mb28{
|
|
margin-bottom: 28rpx;
|
|
}
|
|
.mb32 {
|
|
margin-bottom: 32rpx;
|
|
}
|
|
.pl10 {
|
|
padding-left: 10rpx;
|
|
}
|
|
.pt10 {
|
|
padding-top: 10rpx;
|
|
}
|
|
.pr10 {
|
|
padding-right: 10rpx;
|
|
}
|
|
.pr20 {
|
|
padding-right: 20rpx;
|
|
}
|
|
.pb10 {
|
|
padding-bottom: 10rpx;
|
|
}
|
|
.pb28 {
|
|
padding-bottom: 28rpx;
|
|
}
|
|
.wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
// 文字对齐
|
|
.t-c {
|
|
text-align: center;
|
|
}
|
|
.t-r {
|
|
text-align: right;
|
|
}
|
|
|
|
.label {
|
|
padding: 4px 12px;
|
|
font-size: 26rpx;
|
|
font-weight: 700;
|
|
}
|
|
|
|
// 特殊颜色
|
|
.red {
|
|
background-color: #FFE9EC;
|
|
color: #FF2742;
|
|
}
|
|
|
|
.orange {
|
|
background-color: #FFF3E7;
|
|
color: #F69125;
|
|
}
|
|
|
|
.green {
|
|
background-color: #18B8A9;
|
|
color: #E7F7F6;
|
|
}
|
|
|
|
.blue {
|
|
background-color: #E9ECF5;
|
|
color: #23449B;
|
|
}
|
|
|
|
.del {
|
|
background-color: #eee;
|
|
color: #AEBBC6;
|
|
}
|
|
|
|
.footer {
|
|
position: fixed;
|
|
width: 600rpx;
|
|
height: 94rpx;
|
|
background-color: #FFBF60;
|
|
border-radius: 94rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color:#fff;
|
|
font-size: 30rpx;
|
|
bottom: 32rpx;
|
|
left: 75rpx;
|
|
}
|
|
.footer-box {
|
|
width: 750rpx;
|
|
background-color: #fff;
|
|
height: 140rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
.btn {
|
|
width: 600rpx;
|
|
height: 96rpx;
|
|
border-radius: 96rpx;
|
|
background-color: #FFBF60;
|
|
color: #fff;
|
|
font-size: 30rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|