/* 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%); }