daofu-applet/pages/statistic/g-z-r-z/index/index.wxss

135 lines
2.0 KiB
Plaintext
Raw Normal View History

2024-01-29 17:42:38 +08:00
/* pages/duty/index/index.wxss */
scroll-view {
background-color: #f5f5f5;
}
.picker {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border-top: 1rpx solid #f5f5f5;
height: 80rpx;
font-size: 30rpx;
}
.cu-item {
font-size: 30rpx;
font-weight: bold;
}
.item {
background-color: #ffffff;
padding: 32rpx 20rpx 20rpx 20rpx;
box-shadow: 0px 0px 6px 1px #DDECF3;
margin: 16rpx 16rpx 0 16rpx;
position: relative;
border-radius: 10rpx;
z-index: 2;
}
.item .g-container {
flex: 1;
height: 16rpx;
border-radius: 50rpx;
background: #eee;
margin: 20rpx 0;
overflow: hidden;
}
.item .g-progress {
width: 50%;
height: inherit;
border-radius: 50rpx;
}
.item .content {
font-size: 32rpx;
margin-right: 30rpx;
}
.item .content .time::before {
display: inline-block;
content: '';
width: 20rpx;
height: 20rpx;
margin-right: 10rpx;
border-radius: 50%;
background-color: var(--blue);
}
.item .content .title {
display: flex;
align-items: center;
}
.item .content .des {
margin: 10rpx 0;
}
.item .content .time {
font-size: 26rpx;
}
.item .content .title::before {
display: inline-block;
content: '';
width: 10rpx;
height: 30rpx;
margin-right: 10rpx;
border-radius: 5rpx;
background-color: var(--blue);
}
.item .content .des {
font-size: 30rpx;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.item .val {
font-size: 26rpx;
color: #222222;
margin-left: 16rpx;
}
.item .add {
color: var(--blue);
margin-left: 15rpx;
font-size: 30rpx;
margin-left: 20rpx;
}
.item .add .add-tv {
margin-left: 10rpx;
}
.item .line {
margin: 10rpx 0;
border-bottom: 1rpx dashed #f5f5f5;
}
.item .record {
display: flex;
align-items: center;
justify-content: center;
font-size: 30rpx;
color: var(--blue);
}
.item .more {
position: absolute;
right: 10rpx;
2024-06-19 15:42:55 +08:00
}
.content_img{
width: 270rpx;
height: 170rpx;
}
.content_img image{
width: 100%;
height: 100%;
2024-01-29 17:42:38 +08:00
}