Files
cardtest/pages/recommend/recommend.wxss
2021-07-20 09:01:00 +08:00

104 lines
1.6 KiB
Plaintext

page {
background: linear-gradient(to right, #fa603f, #fc963f);
}
.recommend {
padding: 40rpx 0;
}
.recommend-cont {
text-align: center;
color: #fff;
position: absolute;
top: 90rpx;
right: 100rpx;
font-weight: 600;
}
.recommend-cont-number {
font-size: 70rpx;
margin-bottom: 20rpx;
}
/* 列表 */
.recommend-list {
background-color: #fff;
border-radius: 20rpx;
padding: 40rpx 30rpx;
box-sizing: border-box;
margin: 20rpx 40rpx;
}
.recommend-label {
position: relative;
margin-bottom: 30rpx;
padding-bottom: 30rpx;
}
.recommend-label::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 2rpx;
background-color: #f5f5f5;
}
.recommend-label:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.recommend-label:last-child::after {
display: none;
}
.recommend-head {
width: 110rpx;
height: 110rpx;
border-radius: 60%;
}
.recommend-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0 0 0 140rpx;
box-sizing: border-box;
}
.recommend-text-top {
display: flex;
margin-bottom: 20rpx;
}
.recommend-text-name {
flex: 1;
}
.recommend-text-tel {
color: #666;
}
.recommend-text-identity {
font-size: 24rpx;
color: #7b7b7b;
border-radius: 20rpx;
border: #d4d4d4 2rpx solid;
display: inline-block;
padding: 4rpx 15rpx;
}
/* 暂无内容 */
.recommend-hint {
text-align: center;
color: #999;
padding: 100rpx 0;
}
.recommend-hint image {
width: 200rpx;
height: 200rpx;
}