articleDetail.wxss 2.05 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
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
/*顶部模块*/
.TopBar {
width:100%;
height:202px;
background: white;
position: relative;
}

.promptText {
background: #f4879b;
font: bold;
text-align: center;
font-size: 10px;
color: white;
}

.circle_bg {
width:118px;
height:118px;
border-radius: 50%;
margin-top: 12px;
margin-left: 50%;
transform: translateX(-50%);
border: 1px solid #ededed;
box-shadow: 0 2px 4px 0 rgba(186,70,70,0.5);

display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
}

.circle_bg image {
height: 42.6px;
width: 42.6px;
background: rebeccapurple;
margin-top: 13px;
}

.circle_bg text{
font-size: 18px;
color: #222222;
letter-spacing: 0;
margin-top: 7.4px;
display: inline-block;
line-height: 18px;
border-bottom: 1px solid #dcdcdc;
}

.circle_year {
font-size: 13px;
margin-top: 0px;
}

.userName {
font-size: 14px;
font-weight: bold;
display: block;
top: 100px;
position: absolute;
/*居中*/
left: 50%;
transform: translateX(-50%);
color: white;
}

/*上方信息条部分*/
.lineView {
width: 100%;
border-right: solid rgba(255, 255, 255, 0.7) 0.5px;
border-left: solid rgba(255, 255, 255, 0.7) 0.5px;
height: 40px;
position: absolute;
top: 10px;
}

.infoBar {
width: 100%;
min-height: 60px;
/* top: 142px; */
bottom: 0px;
position: absolute;
display: flex;
justify-content: space-between;
background: rgba(255, 255, 255, 0.2);
}

.infoView {
text-align: center;
width: 33.3%;
height: 100%;
position: relative;
}

.titleText {
margin-top: 12px;
display:block;
font-size: 11px;
color: #787878;
}

.timeText {
font-family: PingFangSC-Medium;
font-size: 12px;
color: #4a4a4a;
display:block;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.hospitalName {
width: 100%;
height: 30px;
background-color: white;
color: #ee7289;
font-size: 11px;
font: medium;
text-align: center;
line-height: 30px;
}