72 lines
1.2 KiB
Plaintext
72 lines
1.2 KiB
Plaintext
.bank-card{
|
|
min-height: 100vh;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
padding:60rpx 30rpx;
|
|
}
|
|
|
|
.page-title{
|
|
font-size: 40rpx;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
.page-title .tag{
|
|
font-size: 24rpx;
|
|
background-color: rgba(255, 195, 0, 0.1);
|
|
padding:5rpx 8rpx;
|
|
color: #FFC300;
|
|
margin-left:22rpx;
|
|
}
|
|
.card{
|
|
background: linear-gradient(298deg, #FFC300 0%, #FFDE74 98%);
|
|
box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
|
|
border-radius: 20rpx;
|
|
padding:30rpx 0 40rpx 30rpx;
|
|
margin-top:46rpx;
|
|
}
|
|
.card .head{
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right:30rpx;
|
|
}
|
|
.card .head .icon-card{
|
|
width:44rpx;height:44rpx;
|
|
}
|
|
.card .head .name{
|
|
font-size: 33rpx;
|
|
flex: 1;
|
|
margin-left:18rpx;
|
|
}
|
|
.card .head .icon-delete{
|
|
width:32rpx;height:32rpx;
|
|
padding:4rpx;
|
|
}
|
|
.card .spliter{
|
|
margin:24rpx 0 0 0;
|
|
}
|
|
.card .info-item{
|
|
margin-top:40rpx;
|
|
}
|
|
.card .info-item .key{
|
|
color: #555555;
|
|
font-size: 24rpx;
|
|
}
|
|
.card .info-item .value{
|
|
font-size: 36rpx;
|
|
margin-top:24rpx;
|
|
}
|
|
.card .info-item .card-no{
|
|
font-weight: 500;
|
|
}
|
|
|
|
.add-card-btn{
|
|
margin-top:40rpx;
|
|
background-color: rgba(153, 153, 153, 0.15);
|
|
}
|
|
|
|
.list-empty{
|
|
padding:200rpx 0;
|
|
}
|
|
.list-empty .icon{
|
|
margin-top:0;
|
|
} |