You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
3.6 KiB
117 lines
3.6 KiB
.chatWindow { |
|
width: 100%; } |
|
.chatWindow .contWindow { |
|
width: 100%; |
|
background-color: #F2EFF9; |
|
overflow-y: scroll; |
|
position: fixed; |
|
padding-bottom: 88px; } |
|
.chatWindow .contWindow .chatItem { |
|
overflow: hidden; |
|
margin-top: 0.6rem; |
|
margin-bottom: 0.43rem; } |
|
.chatWindow .contWindow .chatItem .timeText { |
|
font-size: 0.2rem; |
|
color: #999; |
|
text-align: center; } |
|
.chatWindow .contWindow .chatItem .waitPay { |
|
width: 4.2rem; |
|
font-size: 0.24rem; |
|
text-align: center; |
|
margin: 0.2rem auto 0; |
|
color: #fff; |
|
background-color: rgba(108, 139, 214, 0.5); |
|
padding: 0.2rem 0.2rem; |
|
border-radius: 0.1rem; |
|
word-wrap: break-word; } |
|
.chatWindow .contWindow .chatItem .chatService { |
|
display: flex; |
|
align-items: center; |
|
position: relative; } |
|
.chatWindow .contWindow .chatItem .chatService .avatar { |
|
width: 0.64rem; |
|
height: 0.64rem; |
|
border-radius: 0.64rem; |
|
background-color: #fff; |
|
margin-left: 0.3rem; |
|
margin-right: 0.19rem; |
|
overflow: hidden; } |
|
.chatWindow .contWindow .chatItem .chatService .avatar img { |
|
width: 100%; } |
|
.chatWindow .contWindow .chatItem .chatService .nickName { |
|
font-size: 0.25rem; |
|
color: #333; } |
|
.chatWindow .contWindow .chatItem .chatService .timeText { |
|
position: absolute; } |
|
.chatWindow .contWindow .chatItem .customer { |
|
justify-content: flex-end; } |
|
.chatWindow .contWindow .chatItem .customer .avatar { |
|
order: 2; |
|
margin-right: 0.3rem; |
|
margin-left: 0.19rem; } |
|
.chatWindow .contWindow .chatItem .customer .nickName { |
|
order: 1; } |
|
.chatWindow .contWindow .chatItem .chatServiceNews { |
|
max-width: 4.80rem; |
|
padding: 0.24rem 0.38rem; |
|
background-color: #fff; |
|
font-size: 0.24rem; |
|
color: #333; |
|
border-radius: 0 0.3rem 0.3rem 0.3rem; |
|
margin: 0.1rem auto 0; |
|
text-align: justify; |
|
word-wrap: break-word; |
|
word-break: normal; |
|
line-height: 0.3rem; } |
|
.chatWindow .contWindow .chatItem .chatServiceNews img { |
|
width: 50%; } |
|
.chatWindow .contWindow .customerItem .chatServiceNews { |
|
border-radius: 0.3rem 0 0.3rem 0.3rem; } |
|
.chatWindow .handleBox { |
|
width: 100%; |
|
height: 0.98rem; |
|
background-color: #FFFFFF; |
|
display: flex; |
|
position: fixed; |
|
bottom: 0; } |
|
.chatWindow .handleBox .handleAdd { |
|
width: 13%; |
|
border-right: 1px solid #dddddd; |
|
font-size: 30px; |
|
color: #6C8BD6; |
|
position: relative; } |
|
.chatWindow .handleBox .handleAdd .fileInput { |
|
width: 100%; |
|
height: 100%; |
|
opacity: 0; |
|
position: absolute; } |
|
.chatWindow .handleBox .handleInput { |
|
width: 70%; } |
|
.chatWindow .handleBox .handleInput input { |
|
width: 85%; |
|
border: none; |
|
font-size: 0.24rem; |
|
color: #BBBBBB; |
|
margin-bottom: 0; } |
|
.chatWindow .handleBox .handleInput input::-webkit-input-placeholder { |
|
font-size: 0.24rem; |
|
color: #BBBBBB; } |
|
.chatWindow .handleBox .handleSend { |
|
width: 16.8%; |
|
background-color: #6C8BD6; |
|
line-height: 0.98rem; |
|
text-align: center; |
|
font-size: 0.24rem; |
|
color: #fff; } |
|
|
|
.f_vertical { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; } |
|
|
|
.p_vertical { |
|
left: 50%; |
|
top: 50%; |
|
transform: translate(-50%, -50%); } |
|
|
|
/*# sourceMappingURL=buyer.css.map */
|
|
|