1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .servant-list-page{
- padding:16rpx 28rpx 0;
- }
- .servant-item{
- background: #fff;
- border-radius:10rpx;
- display: flex;
- height:256rpx;
- margin:0 0 16rpx;
- }
- .servant-item-left{
- padding:12rpx 30rpx 12rpx 14rpx;
- }
- .servant-img{
- width:152rpx;
- height:202rpx;
- border-radius: 10rpx;
- background: #CDEFFF;
- }
- .servant-item-right{
- padding:0 0 16rpx;
- flex:1;
- }
- .servant-top{
- display: flex;
- justify-content: space-between;
- height: 52rpx;
- }
- .servant-name{
- padding:16rpx 0 0;
- font-size: 30rpx;
- font-weight: bold;
- }
- .more-info{
- width:200rpx;
- height: 40rpx;
- background: #09AFFF;
- border-radius: 0 10rpx 0 10rpx;
- color:#fff;
- font-size: 24rpx;
- line-height: 24rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .servant-main{
- margin:14rpx 0 42rpx 0;
- height: 28rpx;
- line-height: 26rpx;
- font-size: 24rpx;
- display: flex;
- align-items: center;
- }
- .servant-age{
- padding:0 24rpx 0 0;
- margin:0 24rpx 0 0;
- border-right: 2rpx solid #2a2a2a;
- }
- .skill-certificate{
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- font-size: 20rpx;
- width:480rpx;
- line-height: 30rpx;
- height: 60rpx;
- }
- .servant-skill{
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- width:480rpx;
- font-size: 20rpx;
- line-height: 30rpx;
- }
|