lenghui.yp
4 years ago
10 changed files with 166 additions and 100 deletions
@ -1,41 +1,48 @@ |
|||
.circle { |
|||
.box { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 60px; |
|||
height: 60px; |
|||
border-radius: 30px; |
|||
font-size: 11px; |
|||
color: #FFF; |
|||
background-color: #333; |
|||
} |
|||
|
|||
.rect { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 60px; |
|||
height: 30px; |
|||
font-size: 11px; |
|||
color: #333; |
|||
background-color: #AACCF7; |
|||
border: 2px solid #5E9CEE; |
|||
} |
|||
|
|||
.diamond { |
|||
background-color: #f2f2f2; |
|||
position: relative; |
|||
width: 60px; |
|||
height: 30px; |
|||
font-size: 11px; |
|||
|
|||
cursor: pointer; |
|||
.text { |
|||
z-index: 1; |
|||
position: absolute; |
|||
top: 0; |
|||
top: 15px; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
font-size: 11px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
font-weight: 500; |
|||
} |
|||
} |
|||
|
|||
.circle { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 40px; |
|||
height: 40px; |
|||
border-radius: 30px; |
|||
color: #FFF; |
|||
background-color: #6B8CD7; |
|||
border: 2px solid #4E68A3; |
|||
} |
|||
|
|||
.rect { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 52px; |
|||
height: 30px; |
|||
font-size: 12px; |
|||
color: #333; |
|||
border-radius: 4px; |
|||
background-color: #BCD0FF; |
|||
border: 2px solid #6B8CD7; |
|||
} |
Loading…
Reference in new issue