| 1 |
- .el-dialog .el-dialog__header[data-v-5ca78c14]{padding:10px;text-align:center;border-bottom:1px solid #f7f7f7}.el-dialog .el-dialog__header .el-dialog__title[data-v-5ca78c14]{font-size:15px;letter-spacing:.5px}.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-5ca78c14]{top:13px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close[data-v-5ca78c14]{font-size:18px}.el-dialog .el-dialog__body[data-v-5ca78c14]{padding:20px}.el-dialog .el-dialog__footer[data-v-5ca78c14]{padding-bottom:15px}.cl-chat__wrap[data-v-5ca78c14] .el-dialog__header{display:none}.cl-chat__wrap[data-v-5ca78c14] .el-dialog__body{padding:0}.cl-chat__wrap .cl-chat[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;height:600px}.cl-chat__wrap .cl-chat__left[data-v-5ca78c14]{width:300px;background-color:#f7f6f9}.cl-chat__wrap .cl-chat__left .header[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;padding:0 20px;border-bottom:1px solid #eee}.cl-chat__wrap .cl-chat__left .header .el-input[data-v-5ca78c14] input{border-radius:30px;background-color:#e7e6e9}.cl-chat__wrap .cl-chat__left .container[data-v-5ca78c14]{height:calc(100% - 60px);overflow:auto}.cl-chat__wrap .cl-chat__left .container .users[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cl-chat__wrap .cl-chat__left .container .users li[data-v-5ca78c14]{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer}.cl-chat__wrap .cl-chat__left .container .users li.active[data-v-5ca78c14],.cl-chat__wrap .cl-chat__left .container .users li[data-v-5ca78c14]:hover{background-color:#eee}.cl-chat__wrap .cl-chat__left .container .users li .avatar[data-v-5ca78c14]{height:40px;width:40px;border-radius:40px;background-color:#ddd}.cl-chat__wrap .cl-chat__left .container .users li .det[data-v-5ca78c14]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px}.cl-chat__wrap .cl-chat__left .container .users li .date[data-v-5ca78c14]{font-size:12px;color:#999;height:100%}.cl-chat__wrap .cl-chat__right[data-v-5ca78c14]{width:calc(100% - 300px)}.cl-chat__wrap .cl-chat__right .header[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;padding:0 20px;position:relative}.cl-chat__wrap .cl-chat__right .header .icon[data-v-5ca78c14]{position:absolute;right:0;top:0;background-color:#dad9dc;height:30px;width:30px;color:#fff;line-height:30px;text-align:center;cursor:pointer}.cl-chat__wrap .cl-chat__right .header .icon[data-v-5ca78c14]:hover{opacity:.7}.cl-chat__wrap .cl-chat__right .container[data-v-5ca78c14]{border-top:1px solid #eee;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100% - 260px);overflow:auto}.cl-chat__wrap .cl-chat__right .container .message[data-v-5ca78c14]{padding:10px}.cl-chat__wrap .cl-chat__right .container .message li[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin-bottom:30px}.cl-chat__wrap .cl-chat__right .container .message li .avatar[data-v-5ca78c14]{height:40px;width:40px;border-radius:40px;background-color:#ddd;margin:0 10px 0 0}.cl-chat__wrap .cl-chat__right .container .message li .det .label[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cl-chat__wrap .cl-chat__right .container .message li .det .label .name[data-v-5ca78c14]{margin:0 10px 0 0}.cl-chat__wrap .cl-chat__right .container .message li .det .label .date[data-v-5ca78c14]{font-size:12px;color:#999}.cl-chat__wrap .cl-chat__right .container .message li .det .content[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;color:#666;margin-top:10px}.cl-chat__wrap .cl-chat__right .container .message li .det .content .block[data-v-5ca78c14]{background-color:#eee;padding:5px 10px;border-radius:3px}.cl-chat__wrap .cl-chat__right .container .message li .det .content .text[data-v-5ca78c14]{line-height:20px;font-size:12px}.cl-chat__wrap .cl-chat__right .container .message li .det .content .pic[data-v-5ca78c14]{width:50%;padding:10px}.cl-chat__wrap .cl-chat__right .container .message li.right[data-v-5ca78c14]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cl-chat__wrap .cl-chat__right .container .message li.right .avatar[data-v-5ca78c14]{margin:0 0 0 10px}.cl-chat__wrap .cl-chat__right .container .message li.right .label[data-v-5ca78c14]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cl-chat__wrap .cl-chat__right .container .message li.right .label .name[data-v-5ca78c14]{margin:0 0 0 10px}.cl-chat__wrap .cl-chat__right .container .message li.right .content[data-v-5ca78c14]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.cl-chat__wrap .cl-chat__right .footer[data-v-5ca78c14]{height:200px;position:relative}.cl-chat__wrap .cl-chat__right .footer .tools[data-v-5ca78c14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.cl-chat__wrap .cl-chat__right .footer .tools li[data-v-5ca78c14]{list-style:none;margin-left:10px}.cl-chat__wrap .cl-chat__right .footer .send-btn[data-v-5ca78c14]{position:absolute;right:10px;bottom:10px}.cl-chat__wrap .cl-chat__notice[data-v-5ca78c14]{position:fixed;bottom:30px;right:20px}
|
