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.
1 line
1.3 MiB
1 line
1.3 MiB
5 months ago
|
.base-header[data-v-78091172]{z-index:99;position:relative;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 0 0 15px;background:linear-gradient(270deg,#1890ff,#3875ea);color:#fff;flex-shrink:0}.base-header .left-wrapper[data-v-78091172]{position:relative;display:flex;flex:1;align-items:center}.base-header .left-wrapper .search_box[data-v-78091172]{width:295px;border-radius:17px;overflow:hidden}.base-header .left-wrapper .user_info[data-v-78091172]{display:flex;align-items:center;margin-left:30px}.base-header .left-wrapper .user_info img[data-v-78091172]{width:40px;height:40px;margin-right:10px;border-radius:50%}.base-header .left-wrapper .user_info span[data-v-78091172]{font-size:16px}.base-header .left-wrapper .user_info .status-box[data-v-78091172]{position:relative;cursor:pointer}.base-header .left-wrapper .user_info .status[data-v-78091172]{display:flex;align-items:center;padding:0 10px;margin-left:5px;background:#eaffeb;color:rgba(0,0,0,.65);border-radius:9px}.base-header .left-wrapper .user_info .status .dot[data-v-78091172]{width:6px;height:6px;margin-right:3px;border-radius:50%;background:#48d452}.base-header .left-wrapper .user_info .status.off[data-v-78091172]{background:#f3f3f3}.base-header .left-wrapper .user_info .status.off .dot[data-v-78091172]{background:#999}.base-header .left-wrapper .user_info .online-down[data-v-78091172]{z-index:50;position:absolute;left:0;bottom:-70px;width:86px;background:#fff;color:#333;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);border-radius:5px}.base-header .left-wrapper .user_info .online-down .item[data-v-78091172]{position:relative;display:flex;align-items:center;padding:7px 10px 7px 30px;cursor:pointer}.base-header .left-wrapper .user_info .online-down .item i[data-v-78091172]{width:10px;height:10px;margin-right:8px;border-radius:50%;background:#999}.base-header .left-wrapper .user_info .online-down .item i.green[data-v-78091172]{background:#48d452}.base-header .left-wrapper .user_info .online-down .item .iconfont[data-v-78091172]{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px}.base-header .left-wrapper .out-btn[data-v-78091172]{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:86px;height:26px;line-height:28px;text-align:center;background:#fff;border-radius:16px;color:#3875ea;font-size:13px;cursor:pointer}.base-header .right-menu[data-v-78091172]{display:flex;align-items:center}.base-header .right-menu .menu-item[data-v-78091172]{position:relative;margin-right:30px;font-size:14px;font-weight:400;cursor:pointer}.base-header .right-menu .menu-item.on[data-v-78091172]{font-weight:600}.base-header .right-menu .menu-item.on[data-v-78091172]:after{position:absolute;left:0;bottom:-22px;content:"";width:100%;height:2px;background:#fff}.empty-wrapper[data-v-345b1430]{margin-top:60px;text-align:center;font-size:12px;color:#666}.empty-wrapper img[data-v-345b1430]{width:36%}.chatList[data-v-8171729c]{display:flex;flex-direction:column;width:320px;height:742px;border-right:1px solid #ececec}.chatList .tab-head[data-v-8171729c]{display:flex;align-items:center;justify-content:space-between;height:50px;flex-shrink:0;padding:0 52px;font-size:14px;color:#000}.chatList .tab-head .item[data-v-8171729c]{position:relative;cursor:pointer}.chatList .tab-head .item[data-v-8171729c]:after{display:none;content:" ";position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);height:2px;width:100%;background:#1890ff}.chatList .tab-head .item.active[data-v-8171729c]{color:#1890ff}.chatList .tab-head .item.active[data-v-8171729c]:after{display:block}.chatList .scroll-box[data-v-8171729c]{flex:1;height:500px;overflow:hidden}.chatList .chat-item[data-v-8171729c]{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;height:74px;box-sizing:border-box;border-left:3px solid transparent;cursor:pointer}.chatList .chat-item.active[data-v-8171729c]{background:#eff0f1;border-left:3px solid #1890ff}.chatList .chat-item .avatar[data-v-8171729c]{position:relative;width:40px;height:40px}.chatList .chat-ite
|