Setting.wxss 2.03 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
 126
 127
 128
 129
 130
 131
 132
 133
 134
 135
.top_baseInfo {
width: 100%;
height: 105px;
background: #48C17B;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.top_baseInfo_avatar {
width:64px;
height:64px;
border-radius: 50%;
/* position: absolute;
top: 15px;
left: 15px; */
border: 3px solid white;
box-shadow: 0 2px 4px 0 rgba(186,70,70,0.5);
margin-left: 15px;
}

.top_baseInfo_userName {
margin-left: 12px;
width: 200px;
}

.top_baseInfo_userName .name {
font-family: PingFang-SC-Medium;
font-size: 20px;
color: #FFFFFF;
}

.top_baseInfo_userName .phone {
font-family: PingFang-SC-Medium;
font-size: 14px;
color: #FFFFFF;
}

.top_baseInfo .indicator {
height: 22px;
width: 22px;
margin-left: calc(100% - 330px);
}

.infoBar {
width: 100%;
height: 60px;
background: #48C17B;
display: flex;
margin-bottom: 10px;
}

.infoView {
width: 25%;
background: rgba(255,255,255,0.08);
}

.titleText {
font-size: 11px;
color: #CAF7DE;
width: 100%;
height: 16px;
text-align: center;
margin-top: 13px;
}

.timeText {
font-size: 12px;
color: #FFFFFF;
width: 100%;
text-align: center;
height: 17px;
margin-top: 2px;
}

.setting_cell {
height: 50px;
width: 100%;
font-size: 14px;
background: white;
}

.setting_cell image {
height: 26px;
width: 26px;
display: inline-block;
margin-top: 12px;
margin-left: 15px;
}

.setting_cell text {
display: inline-block;
transform: translateY(-7px);
margin-left: 14px;
height: 20px;
color: #333333;
}

.right_text {
float: right;
margin-top: 15px;
color: #888888;
}

.setting_cell .indicator {
width: 12px;
height: 12px;
float: right;
margin-right: 8px;
margin-top: 20px;
}

.line {
border-top: 1px solid #E6E6E6;
margin-left: 15px;
width: calc(100% - 15px);
}

.btn {
margin-left: 15px;
margin-right: 15px;
height: 38px;
background: #EAEAEA;
border: 1px solid #E6E6E6;
border-radius: 51px;
text-align: center;
font-size: 16px;
color: #888888;
line-height: 38px;
}

.hover {
background: lightcyan
}