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 lines
5.2 KiB
1 lines
5.2 KiB
.empty-wrapper[data-v-345b1430]{margin-top:60px;text-align:center;font-size:12px;color:#666}.empty-wrapper img[data-v-345b1430]{width:36%}.ml-add[data-v-9100baa0]{margin-left:5px}.chat-list[data-v-9100baa0]{display:flex;flex-direction:column;width:100%;height:100%;padding-bottom:.15rem;background:#fff}.chat-list .head-box .hd[data-v-9100baa0]{position:relative;display:flex;align-items:center;justify-content:space-between;height:1rem;padding:0 .3rem;background:linear-gradient(90deg,#3875ea,#1890fc)}.chat-list .head-box .hd .left-wrapper[data-v-9100baa0]{position:relative;display:flex;align-items:center;color:#fff;font-size:.26rem}.chat-list .head-box .hd .left-wrapper img[data-v-9100baa0]{width:.58rem;height:.58rem;border-radius:50%}.chat-list .head-box .hd .left-wrapper .info[data-v-9100baa0]{margin-left:.12rem}.chat-list .head-box .hd .left-wrapper .info .status[data-v-9100baa0]{display:flex;align-items:center;font-size:.2rem}.chat-list .head-box .hd .left-wrapper .info .status .doc[data-v-9100baa0]{width:.14rem;height:.14rem;margin-right:.1rem;background-color:#27f2cb;border-radius:50%;margin-top:.04rem}.chat-list .head-box .hd .left-wrapper .info .status .doc.off[data-v-9100baa0]{background:#919191}.chat-list .head-box .hd .left-wrapper .down-wrapper[data-v-9100baa0]{z-index:50;position:absolute;left:0;bottom:-1.9rem;width:2.14rem;background:#434343;border-radius:.1rem}.chat-list .head-box .hd .left-wrapper .down-wrapper .item[data-v-9100baa0]{display:flex;align-items:center;height:.8rem;padding-left:.3rem;border-bottom:1px solid rgba(240,241,242,.16);font-size:.28rem}.chat-list .head-box .hd .left-wrapper .down-wrapper .item[data-v-9100baa0]:last-child{border-bottom:none}.chat-list .head-box .hd .left-wrapper .down-wrapper .item .dot[data-v-9100baa0]{width:.12rem;height:.12rem;margin-right:.16rem;border-radius:50%;background:linear-gradient(180deg,#bcbcbc,#919191)}.chat-list .head-box .hd .left-wrapper .down-wrapper .item .dot.green[data-v-9100baa0]{background:linear-gradient(143deg,#27f2cb,#14e3b4)}.chat-list .head-box .hd .left-wrapper .down-wrapper .item .iconduihao[data-v-9100baa0]{margin-left:.36rem;color:#b9b9b9;font-size:.18rem}.chat-list .head-box .hd .right-wrapper[data-v-9100baa0]{display:flex;align-items:center;color:#fff;font-size:.24rem}.chat-list .head-box .search-box[data-v-9100baa0]{padding:0 .3rem .2rem;border-bottom:1px solid #eceff8;height:1.1rem}.chat-list .head-box .search-box[data-v-9100baa0] .ivu-input{display:block;width:100%;height:.68rem;background:#f5f6f9;box-sizing:border-box;font-size:.28rem;border-radius:.39rem;text-align:center}.chat-list .head-box .search-box .ivu-input[data-v-9100baa0]:focus,.chat-list .head-box .search-box .ivu-input[data-v-9100baa0]:hover,.chat-list .head-box .search-box[data-v-9100baa0] .ivu-input{border:transparent;box-shadow:none}.chat-list .head-box .tab-box[data-v-9100baa0]{display:flex;padding:.2rem 0}.chat-list .head-box .tab-box .tab-item[data-v-9100baa0]{flex:1;height:100%;line-height:.6rem;text-align:center;font-size:.3rem}.chat-list .head-box .tab-box .tab-item.on[data-v-9100baa0]{color:#3875ea}.chat-list .head-box .tab-box .tab-item[data-v-9100baa0]:first-child{border-right:1px solid #ddd}.chat-list .list-box[data-v-9100baa0]{flex:1;overflow:hidden}.chat-list .list-box .item[data-v-9100baa0]{display:flex;justify-content:space-between;padding:.23rem .3rem;height:1.5rem}.chat-list .list-box .item .left-wrapper[data-v-9100baa0]{display:flex;align-items:center}.chat-list .list-box .item .left-wrapper .img-box[data-v-9100baa0]{width:.96rem;height:.96rem;position:relative}.chat-list .list-box .item .left-wrapper .online[data-v-9100baa0]{position:absolute;right:.1rem;bottom:1px;width:.16rem;height:.16rem;background:linear-gradient(143deg,#bcbcbc,#919191);border-radius:50%;border:1px solid #fff}.chat-list .list-box .item .left-wrapper .online.on[data-v-9100baa0]{background:linear-gradient(143deg,#27f2cb,#14e3b4)}.chat-list .list-box .item .left-wrapper img[data-v-9100baa0]{width:.96rem;height:.96rem;border-radius:50%}.chat-list .list-box .item .left-wrapper .info[data-v-9100baa0]{margin-left:.2rem;width:3.5rem;height:.96rem;display:flex;flex-direction:column;justify-content:space-between}.chat-list .list-box .item .left-wrapper .info .title[data-v-9100baa0]{display:flex;align-items:center;font-size:.3rem}.chat-list .list-box .item .left-wrapper .info .title .label[data-v-9100baa0]{margin-left:.15rem;font-size:.2rem;padding:.05rem .1rem;background:rgba(56,117,234,.14);color:$kf-theme;border-radius:.04rem}.chat-list .list-box .item .left-wrapper .info .title .label.h5[data-v-9100baa0]{background:rgba(255,162,0,.18);color:#d08800}.chat-list .list-box .item .left-wrapper .info .title .label.wx[data-v-9100baa0]{background:rgba(0,186,100,.14);color:#00a219}.chat-list .list-box .item .left-wrapper .info .title .label.pc[data-v-9100baa0]{background:rgba(133,64,227,.14);color:#820adb}.chat-list .list-box .item .left-wrapper .info .msg[data-v-9100baa0]{font-size:.24rem;color:#9f9f9f}.chat-list .list-box .item .right-wrapper[data-v-9100baa0]{height:.96rem;color:#9f9f9f;font-size:.22rem;text-align:right}.chat-list .list-box .item .right-wrapper .num[data-v-9100baa0]{min-width:.12rem;background-color:#f74c31;color:#fff;border-radius:.15rem;right:0 rpx;bottom:0 rpx;font-size:.2rem;padding:0 .08rem} |