building_tx_mini_wx_rebuild/components/zyh_card2/index.wxss

/* components/zyh_card/zyh_card.wxss */
@import '../../styles/index.wxss';

/* 标题栏 */
.title {
    height: 90rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24rpx;
    color: #A8AEBE;
    font-size: 26rpx;

}

/* 分割线 */
.cut-line {
    border-top: 1rpx solid #F3F4F5;
}

/* 内容栏 */
.content {
    position: relative;
    padding: 32rpx 24rpx;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.content>.name {
    font-size: 28rpx;
    font-weight: 400;
    line-height: 50rpx;
    color: #464D66;
}

.content>.phone {
    font-size: 30rpx;
    font-weight: 400;
    color: #606266;
    margin-top: 10rpx;
}

.content>.code {
    font-size: 26rpx;
    font-weight: 400;
    color: #B0B3B9;
    margin-top: 18rpx;
}

.content>.photo {
    position: absolute;
    font-weight: 400;
    width: 100rpx;
    height: 100rpx;
    border-radius: 32rpx;
    right: 24rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 30rpx;
    font-weight: 500;
}

.wait {
    background: linear-gradient(153.73deg, #EFD4D9 4.88%, #FB868D 79.63%);
}

.pass {
    background: linear-gradient(153.73deg, #CCDEF4 4.88%, #74A7F3 79.63%);
}

.reject {
    background: linear-gradient(158.33deg, #DFE5ED 4.2%, #A7B5CB 77.65%);
}

.entrance {
    background: linear-gradient(153.73deg, #CCE8F4 4.88%, #76C4F0 79.63%);
}