tourism-wxapp/nova-tourism/pages/my/my-card/index.less

/* nova-tourism/pages/my/my-card/index.wxss */
.all {
    width: 100vw;
    padding-left: 30rpx;
    padding-right: 30rpx;
    overflow-y: scroll;
    .cardbox{
        width: 100%;
        margin-top: 30rpx;
        .picbox{
            width: 100%;
            height: 80rpx;
            display: flex;
            align-items: center;
            .image{
                width: 56rpx;
                height: 56rpx;
            }
            .tex{
                font-size: 32rpx;
                margin-left: 20rpx;
            }
        }
        .card{
            height: 160rpx;
            margin-left: 74rpx;
            background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20241122/d6k1uh050505973.png);
            background-position: center; /* 背景图片居中 */
            background-size: cover; /* 背景图片覆盖整个元素 */
            background-repeat: no-repeat; /* 不重复背景图片 */
            display: flex;
            align-items: center;
            margin-bottom: 20rpx;
            .car{
                height: 160rpx;
                display: flex;
                align-items: center;
                .numbox{
                    width: 150rpx;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;
                    .num{
                        font-size: 50rpx;
                        color: #F73C2C ;
    
                    }
                    .num-tex{
                        font-size: 28rpx;
                        color: #F73C2C;
                        margin-bottom: 6rpx;
                        margin-left: 4rpx;
                    }
                }  
                .textbox{
                    height: 80rpx;
                    margin-left: 40rpx;
                    .text1{
                        font-size: 26rpx;
                    }
                    .text2{
                        font-size: 24rpx;
                        margin-top: 6rpx;
                        color: #A9A398;
                    }
                } 
                .bottom{
                    width: 120rpx;
                    height: 50rpx;
                    border-radius: 32rpx;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: 20rpx;
                    color: white;
                    background-color: #F1A561;
                    font-size: 26rpx;
                }

            }
        }
    }
}