.container {
|
position: relative;
|
}
|
.code {
|
background-color: #d9d9d9;
|
z-index: 99;
|
position: sticky;
|
top: 0rpx;
|
left: 0;
|
}
|
.code-title {
|
display: flex;
|
justify-content: space-around;
|
height: 50rpx;
|
}
|
.list {
|
margin: 20rpx;
|
|
background-color: #fff;
|
border-radius: 20rpx;
|
border: 1px solid #eeeeee;
|
display: flex;
|
position: relative;
|
}
|
.card-id {
|
position: absolute;
|
right: 10rpx;
|
top: 20rpx;
|
padding: 5rpx 10rpx;
|
line-height: 1.2;
|
text-align: center;
|
color: #eeeeee;
|
background-color: #30ddb2;
|
border-radius: 50%;
|
font-size: 10px;
|
}
|
.list-left {
|
flex: 1;
|
padding: 20rpx;
|
position: relative;
|
}
|
.list-right {
|
width: 70rpx;
|
border-left: 1px solid #eeeeee;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.buttom {
|
width: 100%;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
height: 100rpx;
|
background-color: #FFF;
|
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) ;
|
}
|
.card-status-1 {
|
position: absolute;
|
right: 20rpx;
|
top: 30rpx;
|
padding: 4rpx 20rpx;
|
text-align: center;
|
font-size: 10px;
|
color: #f5222d;
|
background-color: #fff1f0;
|
border: 1px solid #ffa39e;
|
border-radius: 6rpx;
|
}
|
.card-status-2 {
|
position: absolute;
|
right: 20rpx;
|
top: 30rpx;
|
padding: 4rpx 20rpx;
|
text-align: center;
|
font-size: 10px;
|
color: #52c41a;
|
background-color: #f6ffed;
|
border: 1px solid #b7eb8f;
|
border-radius: 6rpx;
|
}
|
.card-status-4 {
|
position: absolute;
|
right: 20rpx;
|
top: 30rpx;
|
padding: 4rpx 20rpx;
|
text-align: center;
|
font-size: 10px;
|
color: #1890ff;
|
background-color: #e6f7ff;
|
border: 1px solid #91d5ff;
|
border-radius: 6rpx;
|
}
|
