93 lines
1.4 KiB
SCSS
93 lines
1.4 KiB
SCSS
|
/**
|
|||
|
|
* @name: index
|
|||
|
|
* @author: kahu4
|
|||
|
|
* @date: 2024-01-19 14:26
|
|||
|
|
* @description：index
|
|||
|
|
* @update: 2024-01-19 14:26
|
|||
|
|
* */
|
|||
|
|
|
|||
|
|
.integral {
|
|||
|
|
width: 100%;
|
|||
|
|
@include usePadding(34, 34);
|
|||
|
|
|
|||
|
|
.num-card {
|
|||
|
|
width: 100%;
|
|||
|
|
border-radius: 15rpx;
|
|||
|
|
aspect-ratio: 682/278;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
@include usePadding(48, 76);
|
|||
|
|
color: #663405;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
|
|||
|
|
.num {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 64rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tabs-row {
|
|||
|
|
width: 100%;
|
|||
|
|
gap: 16rpx;
|
|||
|
|
margin: 34rpx 0;
|
|||
|
|
|
|||
|
|
.tab-item {
|
|||
|
|
flex-grow: 1;
|
|||
|
|
@include usePadding(0, 16);
|
|||
|
|
background: #F6F8F8;
|
|||
|
|
transition: all .3s;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
&.current {
|
|||
|
|
background: #333333;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.integral-list {
|
|||
|
|
@include usePadding(32, 32);
|
|||
|
|
width: 100%;
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 15rpx;
|
|||
|
|
|
|||
|
|
.row {
|
|||
|
|
margin: 25rpx 0;
|
|||
|
|
|
|||
|
|
&:first-child {
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:last-child {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
color: #333333;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.time {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.right {
|
|||
|
|
@include usePadding(38, 10);
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.success {
|
|||
|
|
color: #28C445;
|
|||
|
|
background: rgba(40, 196, 69, 0.1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.error {
|
|||
|
|
color: #EE6D46;
|
|||
|
|
background: #FFF7F5;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|