| 1 |
- .page-bg.data-v-c77a65ff{width:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--ui-BG-Main),var(--ui-BG-Main-gradient));background-size:750rpx 100%;z-index:1}.chat-wrap .status.data-v-c77a65ff{position:relative;box-sizing:border-box;z-index:3;height:70rpx;padding:0 30rpx;background:var(--ui-BG-Main-opacity-1);display:flex;align-items:center;font-size:30rpx;font-weight:400;color:var(--ui-BG-Main)}.chat-wrap .chat-box.data-v-c77a65ff{padding:0 20rpx}.chat-wrap .chat-box .loadmore-btn.data-v-c77a65ff{width:98%;height:40px;font-size:12px;color:#8c8c8c}.chat-wrap .chat-box .loadmore-btn .loadmore-icon.data-v-c77a65ff{transform:rotate(90deg)}.chat-wrap .chat-box .message-item.data-v-c77a65ff{margin-bottom:33rpx}.chat-wrap .chat-box .date-message.data-v-c77a65ff,.chat-wrap .chat-box .system-message.data-v-c77a65ff{width:-webkit-fit-content;width:fit-content;border-radius:12rpx;padding:8rpx 16rpx;margin-bottom:16rpx;background-color:var(--ui-BG-3);color:#999;font-size:24rpx}.chat-wrap .chat-box .chat-avatar.data-v-c77a65ff{width:70rpx;height:70rpx;border-radius:50%}.chat-wrap .chat-box .send-status.data-v-c77a65ff{color:#333;height:80rpx;margin-right:8rpx;display:flex;align-items:center}.chat-wrap .chat-box .send-status .loading.data-v-c77a65ff{width:32rpx;height:32rpx;animation:rotating-c77a65ff 2s linear infinite}@keyframes rotating-c77a65ff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-wrap .chat-box .send-status .warning.data-v-c77a65ff{width:32rpx;height:32rpx;color:#ff3000}.chat-wrap .chat-box .message-box.data-v-c77a65ff{max-width:50%;font-size:16px;line-height:20px;white-space:normal;word-break:break-all;word-wrap:break-word;padding:20rpx;border-radius:10rpx;color:#fff;background:linear-gradient(90deg,var(--ui-BG-Main),var(--ui-BG-Main-gradient))}.chat-wrap .chat-box .message-box.customer_service.data-v-c77a65ff{background:#fff;color:#333}.chat-wrap .chat-box .message-box.data-v-c77a65ff .imgred,.chat-wrap .chat-box .message-box.data-v-c77a65ff img{width:100%}.chat-wrap .chat-box.data-v-c77a65ff .goods,.chat-wrap .chat-box.data-v-c77a65ff .order{max-width:500rpx}.chat-wrap .chat-box .message-img.data-v-c77a65ff{width:100px;height:100px;border-radius:6rpx}.chat-wrap .chat-box .template-wrap.data-v-c77a65ff{padding:20rpx 24rpx;background:#fff;border-radius:10rpx}.chat-wrap .chat-box .template-wrap .title.data-v-c77a65ff{font-size:26rpx;font-weight:500;color:#333;margin-bottom:29rpx}.chat-wrap .chat-box .template-wrap .item.data-v-c77a65ff{font-size:24rpx;color:var(--ui-BG-Main);margin-bottom:16rpx}.chat-wrap .chat-box .template-wrap .item.data-v-c77a65ff:last-of-type{margin-bottom:0}.chat-wrap .chat-box .error-img.data-v-c77a65ff{width:400rpx;height:400rpx}.chat-wrap .chat-box #scrollBottom.data-v-c77a65ff{height:120rpx}.chat-wrap .send-wrap.data-v-c77a65ff{padding:18rpx 20rpx;background:#fff}.chat-wrap .send-wrap .left.data-v-c77a65ff{height:64rpx;border-radius:32rpx;background:var(--ui-BG-1)}.chat-wrap .send-wrap .bq.data-v-c77a65ff{font-size:50rpx;margin-left:10rpx}.chat-wrap .send-wrap .sicon-edit.data-v-c77a65ff{font-size:50rpx;margin-left:10rpx;transform:rotate(0);transition:all linear .2s}.chat-wrap .send-wrap .sicon-edit.is-active.data-v-c77a65ff{transform:rotate(45deg)}.chat-wrap .send-wrap .send-btn.data-v-c77a65ff{width:100rpx;height:60rpx;line-height:60rpx;border-radius:30rpx;background:linear-gradient(90deg,var(--ui-BG-Main),var(--ui-BG-Main-gradient));font-size:26rpx;color:#fff;margin-left:11rpx}.content.data-v-c77a65ff{width:100%;align-content:space-around;border-top:1px solid #dfdfdf;padding:20rpx 0 0}.content .emoji-swiper.data-v-c77a65ff{width:100%;height:280rpx;padding:0 20rpx}.content .emoji-swiper .emoji-img.data-v-c77a65ff{width:50rpx;height:50rpx;display:inline-block;margin:10rpx}.content .image.data-v-c77a65ff,.content .goods.data-v-c77a65ff,.content .order.data-v-c77a65ff{width:33.3%;height:280rpx;text-align:center;font-size:24rpx;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center}.content .image .icon.data-v-c77a65ff,.content .goods .icon.data-v-c77a65ff,.content .order .icon.data-v-c77a65ff{width:50rpx;height:50rpx;margin-bottom:21rpx}.content.data-v-c77a65ff .uni-file-picker__container{justify-content:center}.content.data-v-c77a65ff .file-picker__box{display:none}.content.data-v-c77a65ff .file-picker__box:last-of-type{display:flex}.chat-img{width:24px;height:24px;margin:0 3px}.full-img{object-fit:cover;width:100px;height:100px;border-radius:6px}
|
