xinelu-applet-ui/pagesB/Behaviorpoints/Behaviorpoints.scss

115 lines
2.0 KiB
SCSS
Raw Normal View History

2023-09-20 14:26:05 +08:00
.app {
2023-09-20 15:30:34 +08:00
background-color: #F7F5F5;
height:100vh;
padding-top: 30rpx;
.background{
height:100%;
background-color: #fff;
width: 95%;
margin: 0 auto;
2023-09-20 14:26:05 +08:00
.content {
position: relative;
2024-01-22 10:50:10 +08:00
margin-bottom: 50rpx;
2023-09-20 14:26:05 +08:00
image {
width: 100%;
2024-01-22 10:50:10 +08:00
height: 500rpx;
2023-09-20 14:26:05 +08:00
}
2023-10-16 11:21:27 +08:00
2023-09-20 14:26:05 +08:00
.Exchangerecords {
width: 180rpx;
height: 54rpx;
2024-01-22 10:50:10 +08:00
background: #00785C;
2023-09-20 14:26:05 +08:00
border-radius: 24rpx;
position: absolute;
2024-01-22 10:50:10 +08:00
bottom: 0%;
right: 15%;
color: #fff;
2023-09-20 14:26:05 +08:00
text-align: center;
2024-01-22 10:50:10 +08:00
border: 2rpx solid #00785C;
2023-09-20 14:26:05 +08:00
line-height: 54rpx;
}
.PointsMall {
width: 180rpx;
height: 54rpx;
2024-01-22 10:50:10 +08:00
border: 2rpx solid #00785C;
background: #00785C;
2023-09-20 14:26:05 +08:00
border-radius: 24rpx;
position: absolute;
2024-01-22 10:50:10 +08:00
bottom: 0%;
left: 15%;
color: #fff;
2023-09-20 14:26:05 +08:00
text-align: center;
line-height: 54rpx;
}
2023-10-16 11:21:27 +08:00
2023-09-20 14:26:05 +08:00
.name {
2023-09-20 17:44:17 +08:00
width: 90%;
height: 100rpx;
2023-09-20 14:26:05 +08:00
font-size: 30rpx;
font-weight: 400;
color: #FFFFFF;
position: absolute;
top: 10%;
left: 5%;
line-height: 33rpx;
2023-10-16 11:21:27 +08:00
2023-09-20 17:44:17 +08:00
}
.number {
font-size: 56rpx;
font-weight: 400;
color: #FFFFFF;
position: absolute;
left: 50%;
2024-01-22 10:50:10 +08:00
top: 58%;
2023-09-20 17:44:17 +08:00
transform: translateX(-50%);
text-overflow: ellipsis;
white-space: nowrap;
2023-09-20 14:26:05 +08:00
}
}
2023-09-20 15:30:34 +08:00
.bottomitem{
background-color: #FFF;
margin: 0 auto;
2023-10-16 11:21:27 +08:00
padding-bottom: 100rpx;
.item{
position: relative;
}
2023-09-20 15:30:34 +08:00
.Establishingarchives{
font-size: 30rpx;
font-weight: 400;
color: #333333;
line-height: 38rpx;
padding: 8px 10px 5px 18px;
}
.integraltwo{
2023-10-16 11:21:27 +08:00
color: red !important;
2023-09-20 15:30:34 +08:00
}
.integral{
position: absolute;
top: 34%;
right: 3%;
color: #26A888;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timeone{
font-size: 20rpx;
font-weight: 400;
color: #333333;
line-height: 38rpx;
padding: 0 10px 10px 18px;
border-bottom: 1px solid #E6E6E6;
}
.PointsRecord {
font-size: 30rpx;
font-weight: 400;
color: #000000;
line-height: 33rpx;
padding: 10px 10px 10px 15px;
}
}
}
2023-10-16 11:21:27 +08:00
}