chat.wxss 10 KB

1
  1. .container.data-v-b1eeb549{width:100%;height:100vh;background-color:#f4f5f7;display:flex;flex-direction:column;overflow:hidden}.status-bar.data-v-b1eeb549{background:#fff;flex-shrink:0}.nav-bar.data-v-b1eeb549{height:100rpx;background:#fff;display:flex;align-items:center;padding:0 30rpx;border-bottom:1rpx solid #F0F0F0;flex-shrink:0}.nav-bar .back-btn.data-v-b1eeb549{width:60rpx;display:flex;align-items:center}.nav-bar .back-btn .back-arrow.data-v-b1eeb549{font-size:56rpx;color:#333;line-height:1;margin-top:-6rpx}.nav-bar .nav-center.data-v-b1eeb549{flex:1;display:flex;align-items:center;justify-content:center;gap:12rpx}.nav-bar .nav-center .nav-title-text.data-v-b1eeb549{font-size:32rpx;font-weight:700;color:#1a1a1a}.nav-bar .nav-center .online-dot.data-v-b1eeb549{width:14rpx;height:14rpx;border-radius:50%;background:#10b981}.nav-bar .nav-right.data-v-b1eeb549{width:60rpx}.chat-body.data-v-b1eeb549{flex:1}.message-list.data-v-b1eeb549{padding:24rpx 30rpx 160rpx}.tip-row.data-v-b1eeb549{padding:60rpx 0;text-align:center}.tip-row .tip-text.data-v-b1eeb549{font-size:26rpx;color:#ccc}.time-stamp-row.data-v-b1eeb549{display:flex;justify-content:center;margin:20rpx 0 30rpx}.time-stamp.data-v-b1eeb549{font-size:22rpx;color:#bbb;background:rgba(0,0,0,.05);padding:4rpx 18rpx;border-radius:8rpx}.msg-row.data-v-b1eeb549{display:flex;margin-bottom:44rpx}.msg-row .avatar.data-v-b1eeb549{width:80rpx;height:80rpx;border-radius:50%;flex-shrink:0}.msg-row.left .avatar.data-v-b1eeb549{margin-right:18rpx}.msg-row.right.data-v-b1eeb549{justify-content:flex-end}.msg-row.right .avatar.data-v-b1eeb549{margin-left:18rpx}.msg-content.data-v-b1eeb549{max-width:520rpx;border-radius:16rpx;padding:22rpx 26rpx;font-size:30rpx;line-height:1.6;word-break:break-all}.text-msg.data-v-b1eeb549{background:#fff;color:#333}.text-msg.shadow.data-v-b1eeb549{box-shadow:0 2rpx 10rpx rgba(0,0,0,.04)}.text-msg.user-bubble.data-v-b1eeb549{background:#ffb700;color:#fff}.img-msg.data-v-b1eeb549{padding:8rpx;background:#fff;border-radius:12rpx;box-shadow:0 2rpx 10rpx rgba(0,0,0,.06)}.img-msg .chat-img.data-v-b1eeb549{width:360rpx;border-radius:8rpx;display:block}.file-msg.data-v-b1eeb549{display:flex;align-items:center;gap:20rpx;background:#fff;min-width:300rpx}.file-msg .file-icon-txt.data-v-b1eeb549{font-size:56rpx;flex-shrink:0}.file-msg .file-info.data-v-b1eeb549{flex:1}.file-msg .file-info .file-name.data-v-b1eeb549{display:block;font-size:28rpx;color:#333;margin-bottom:6rpx;word-break:break-all}.file-msg .file-info .file-size.data-v-b1eeb549{font-size:22rpx;color:#999}.deposit-card.data-v-b1eeb549{background:#fff;width:500rpx;border-radius:20rpx;overflow:hidden;padding:0;box-shadow:0 4rpx 20rpx rgba(0,0,0,.06)}.deposit-card .deposit-header.data-v-b1eeb549{padding:28rpx 28rpx 16rpx;display:flex;justify-content:space-between;align-items:flex-start}.deposit-card .deposit-header .d-header-left.data-v-b1eeb549{flex:1}.deposit-card .deposit-header .d-header-left .d-title.data-v-b1eeb549{font-size:32rpx;font-weight:700;color:#333}.deposit-card .deposit-header .d-header-left .d-subtitle.data-v-b1eeb549{font-size:22rpx;color:#bbb;margin-top:6rpx;display:block}.deposit-card .deposit-header .d-countdown.data-v-b1eeb549{display:flex;gap:4rpx;align-items:center;justify-content:flex-end}.deposit-card .deposit-header .d-countdown .c-time.data-v-b1eeb549{color:#ff9500;font-size:26rpx;font-weight:700}.deposit-card .deposit-header .d-countdown .c-txt.data-v-b1eeb549{color:#999;font-size:22rpx}.deposit-card .deposit-header .d-paid-tag.data-v-b1eeb549{color:#52c41a;font-size:24rpx;font-weight:700}.deposit-card .deposit-body.data-v-b1eeb549{padding:8rpx 28rpx 24rpx}.deposit-card .deposit-body .d-row.data-v-b1eeb549{margin-bottom:10rpx;font-size:26rpx;display:flex}.deposit-card .deposit-body .d-row .label.data-v-b1eeb549{color:#aaa;width:140rpx}.deposit-card .deposit-body .d-row .val.data-v-b1eeb549{color:#333;flex:1}.deposit-card .deposit-body .d-row .price.data-v-b1eeb549{color:#ff3b30;font-size:34rpx;font-weight:700}.deposit-card .deposit-action.data-v-b1eeb549{margin:0 28rpx 28rpx;height:76rpx;font-size:28rpx;background:#ffb700;color:#fff;border-radius:38rpx;display:flex;align-items:center;justify-content:center;font-weight:700}.deposit-card .deposit-action.paid.data-v-b1eeb549{background:#eee;color:#999}.job-card-msg.data-v-b1eeb549{background:#fff;border-radius:20rpx;width:500rpx;padding:30rpx;box-shadow:0 4rpx 20rpx rgba(0,0,0,.04)}.job-card-msg .card-header.data-v-b1eeb549{display:flex;justify-content:space-between;margin-bottom:20rpx}.job-card-msg .card-header .ch-left.data-v-b1eeb549{display:flex;align-items:center;gap:10rpx}.job-card-msg .card-header .ch-left .card-title.data-v-b1eeb549{font-weight:700;font-size:34rpx}.job-card-msg .card-header .ch-left .urgent-tag.data-v-b1eeb549{border:1rpx solid #FF4D4F;color:#ff4d4f;font-size:20rpx;padding:2rpx 10rpx;border-radius:6rpx}.job-card-msg .card-header .card-salary.data-v-b1eeb549{color:#1f6cff;font-weight:700;font-size:32rpx}.job-card-msg .card-tags.data-v-b1eeb549{display:flex;gap:12rpx;margin-bottom:24rpx}.job-card-msg .card-tags .c-tag.data-v-b1eeb549{background:#f5f7fa;color:#888;font-size:22rpx;padding:6rpx 16rpx;border-radius:8rpx}.job-card-msg .card-meta.data-v-b1eeb549{display:flex;flex-direction:column;gap:10rpx;margin-bottom:24rpx}.job-card-msg .card-meta .m-item.data-v-b1eeb549{display:flex;align-items:center;gap:10rpx}.job-card-msg .card-meta .m-item .m-icon.data-v-b1eeb549{width:24rpx;height:24rpx;opacity:.4}.job-card-msg .card-meta .m-item text.data-v-b1eeb549{font-size:24rpx;color:#666}.job-card-msg .card-company.data-v-b1eeb549{display:flex;align-items:center;border-top:1rpx solid #F5F5F5;padding-top:24rpx}.job-card-msg .card-company .c-logo.data-v-b1eeb549{width:80rpx;height:80rpx;border-radius:12rpx;margin-right:16rpx}.job-card-msg .card-company .c-info.data-v-b1eeb549{flex:1;display:flex;align-items:center;gap:8rpx}.job-card-msg .card-company .c-info .c-name.data-v-b1eeb549{font-size:28rpx;font-weight:700}.job-card-msg .card-company .c-info .v-icon.data-v-b1eeb549{width:28rpx;height:28rpx}.job-card-msg .card-company .c-loc.data-v-b1eeb549{font-size:24rpx;color:#999}.assessment-card-msg.data-v-b1eeb549{background:#fff;width:480rpx;padding:24rpx;display:flex;box-shadow:0 4rpx 20rpx rgba(0,0,0,.04);border-radius:16rpx}.assessment-card-msg .card-left.data-v-b1eeb549{width:140rpx;height:140rpx;margin-right:20rpx}.assessment-card-msg .card-left .a-cover.data-v-b1eeb549{width:100%;height:100%;border-radius:12rpx}.assessment-card-msg .card-right.data-v-b1eeb549{flex:1;display:flex;flex-direction:column;justify-content:space-between}.assessment-card-msg .card-right .a-title.data-v-b1eeb549{font-weight:700;font-size:30rpx;color:#1a1a1a}.assessment-card-msg .card-right .a-tags.data-v-b1eeb549{display:flex;gap:10rpx;flex-wrap:wrap}.assessment-card-msg .card-right .a-tags .a-tag.data-v-b1eeb549{font-size:20rpx;color:#999;background:#f5f7fa;padding:4rpx 12rpx;border-radius:6rpx}.assessment-card-msg .card-right .a-price.data-v-b1eeb549{color:#ff4d4f;font-weight:700;font-size:32rpx}.training-reg-card.data-v-b1eeb549{background:#fff;width:480rpx;padding:30rpx;border-radius:20rpx}.training-reg-card .t-card-header.data-v-b1eeb549{margin-bottom:24rpx}.training-reg-card .t-card-header .t-card-title.data-v-b1eeb549{font-weight:700;font-size:32rpx;color:#1a1a1a;display:block;margin-bottom:8rpx}.training-reg-card .t-card-header .t-card-subtitle.data-v-b1eeb549{font-size:24rpx;color:#999}.training-reg-card .t-card-body.data-v-b1eeb549{margin-bottom:30rpx}.training-reg-card .t-card-body .t-item.data-v-b1eeb549{display:flex;font-size:26rpx;margin-bottom:10rpx}.training-reg-card .t-card-body .t-item .t-label.data-v-b1eeb549{color:#888;width:140rpx}.training-reg-card .t-card-body .t-item .t-val.data-v-b1eeb549{color:#333}.training-reg-card .t-card-footer .reg-btn.data-v-b1eeb549{width:100%;height:72rpx;line-height:72rpx;background:#1f6cff;color:#fff;border-radius:36rpx;font-size:28rpx;font-weight:700}.training-reg-card .t-card-footer .reg-btn.data-v-b1eeb549:after{border:none}.api-job-card.data-v-b1eeb549{background:#fff;width:460rpx;padding:28rpx;border-radius:16rpx}.api-job-card .jc-header.data-v-b1eeb549{display:flex;justify-content:space-between;align-items:center;margin-bottom:12rpx}.api-job-card .jc-header .jc-title.data-v-b1eeb549{font-size:30rpx;font-weight:700;color:#1a1a1a;flex:1}.api-job-card .jc-header .jc-salary.data-v-b1eeb549{font-size:28rpx;color:#1f6cff;font-weight:700}.api-job-card .jc-city.data-v-b1eeb549{font-size:24rpx;color:#888}.system-msg.data-v-b1eeb549{width:100%;text-align:center;font-size:24rpx;color:#bbb;padding:8rpx 20rpx;background:rgba(0,0,0,.04);border-radius:8rpx}.footer-wrap.data-v-b1eeb549{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1rpx solid #EEE;padding-bottom:env(safe-area-inset-bottom);z-index:1001}.input-bar.data-v-b1eeb549{height:120rpx;display:flex;align-items:center;padding:0 24rpx;gap:20rpx}.input-bar .bar-icon.data-v-b1eeb549{width:60rpx;height:60rpx;transition:transform .2s}.input-bar .bar-icon.active.data-v-b1eeb549{transform:scale(1.1)}.input-bar .center-area.data-v-b1eeb549{flex:1}.input-bar .center-area .chat-input.data-v-b1eeb549{background:#f7f8fa;height:80rpx;border-radius:12rpx;border:1rpx solid #EEE;padding:0 24rpx;font-size:28rpx}.input-bar .center-area .voice-press-btn.data-v-b1eeb549{height:80rpx;background:#f7f8fa;border:1rpx solid #DDD;border-radius:12rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;color:#666}.input-bar .center-area .voice-press-btn.data-v-b1eeb549:active{background:#e0e0e0}.panel-section.data-v-b1eeb549{height:0;overflow:hidden;transition:height .3s}.panel-section.show.data-v-b1eeb549{height:400rpx;border-top:1rpx solid #F2F2F2}.emoji-panel.data-v-b1eeb549,.emoji-panel .emoji-scroll.data-v-b1eeb549{height:100%}.emoji-panel .emoji-grid.data-v-b1eeb549{display:flex;flex-wrap:wrap;padding:30rpx;gap:20rpx}.emoji-panel .emoji-grid .emoji-item.data-v-b1eeb549{font-size:50rpx;width:84rpx;text-align:center}.plus-panel.data-v-b1eeb549{height:100%;display:flex;padding:40rpx 60rpx;gap:80rpx}.plus-panel .panel-item.data-v-b1eeb549{display:flex;flex-direction:column;align-items:center}.plus-panel .panel-item .icon-box.data-v-b1eeb549{width:116rpx;height:116rpx;background:#fff;border:1rpx solid #F0F0F0;border-radius:28rpx;display:flex;align-items:center;justify-content:center;margin-bottom:20rpx;box-shadow:0 4rpx 10rpx rgba(0,0,0,.03)}.plus-panel .panel-item .icon-box image.data-v-b1eeb549{width:60rpx;height:60rpx}.plus-panel .panel-item text.data-v-b1eeb549{font-size:26rpx;color:#777}