hospitalList.wxss 1.4 KB
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
/**hospitalList.wxss 医院列表 联系医院**/

.item{
position: relative;
height: 273rpx;
display: flex;
flex-direction: row;
align-items: center;
background: white;
margin-bottom:10rpx;
}

/*item左边布局-----------------------*/
.item-left{
width: 18.67%;
height: 273rpx;
}

.item__logo{
width: 90rpx;
height: 90rpx;
border-radius: 500rpx;
position: absolute;
top: 30rpx;
left: 20rpx;
}

/*item中间布局----------------------*/
.item-middle{
width: 69.33%;
height: 273rpx;
}

.item-middle__title{
color: #5e5e5e;
font: medium;
font-size: 34rpx;
margin-top: 40rpx;
line-height: 34rpx;
}

.item-middle__specialty{
color: #ee7289;
font: normal;
font-size: 22rpx;
line-height: 22rpx;
margin-top: 16rpx;
display: flex;
flex-direction: row;
}

.item-middle__description{
color: #858585;
font: lighter;
font-size: 24rpx;
line-height: 130%;
margin-top: 30rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.item-middle__specialty__middle{
margin-left: 18rpx;
}

.item-middle__specialty__right{
margin-left: 30rpx
}

.stars-star{
width: 20rpx;
height: 20rpx;
}

/*item右边布局--------------------------*/
.item-right{
width: 12%;
}
.item-right__right{
width: 35rpx;
height: 35rpx;
margin-left: 50%;
transform: translateX(-50%);

margin-right: 4rpx;
}