jobs.wxss 6.9 KB

1
  1. .container.data-v-f0274d61{width:100%;height:100vh;background-color:#f8f9fb;position:relative;overflow:hidden}.loading-box.data-v-f0274d61{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;padding-top:200rpx}.loading-box .loading-spinner.data-v-f0274d61{width:60rpx;height:60rpx;border:6rpx solid #f3f3f3;border-top:6rpx solid #1F6CFF;border-radius:50%;animation:spin-f0274d61 1s linear infinite}.loading-box .loading-text.data-v-f0274d61{margin-top:20rpx;font-size:28rpx;color:#999}@keyframes spin-f0274d61{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fixed-header.data-v-f0274d61{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent}.gradient-section.data-v-f0274d61{background:linear-gradient(180deg,#1f6cff,#fff);padding:0 30rpx 16rpx}.search-wrap.data-v-f0274d61{display:flex;align-items:center}.search-bar.data-v-f0274d61{flex:1;height:100%;background:rgba(255,255,255,.92);border-radius:36rpx;display:flex;align-items:center;padding:0 30rpx;box-shadow:0 4rpx 16rpx rgba(0,0,0,.1);margin-right:220rpx}.search-bar .search-icon.data-v-f0274d61{width:32rpx;height:32rpx;margin-right:16rpx;opacity:.5}.search-bar .search-input.data-v-f0274d61{flex:1;font-size:28rpx}.search-bar .ph-color.data-v-f0274d61{color:#999}.white-section.data-v-f0274d61{background-color:#fff;position:relative}.horizontal-tabs-wrap.data-v-f0274d61{display:flex;justify-content:space-between;align-items:center;padding:20rpx 30rpx 10rpx}.horizontal-tabs-wrap .main-tabs.data-v-f0274d61{display:flex;gap:30rpx}.horizontal-tabs-wrap .main-tabs .main-tab.data-v-f0274d61{font-size:30rpx;font-weight:700;color:#777;position:relative;padding-bottom:4rpx}.horizontal-tabs-wrap .main-tabs .main-tab.active.data-v-f0274d61{color:#1a1a1a;font-size:30rpx}.horizontal-tabs-wrap .main-tabs .main-tab.active.data-v-f0274d61:after{content:"";position:absolute;left:50%;bottom:-4rpx;transform:translate(-50%);width:32rpx;height:5rpx;background:#1f6cff;border-radius:3rpx}.horizontal-tabs-wrap .filter-btn.data-v-f0274d61{background-color:#ebf2ff;border-radius:24rpx;padding:8rpx 20rpx;display:flex;align-items:center}.horizontal-tabs-wrap .filter-btn .filter-text.data-v-f0274d61{color:#1f6cff;font-size:24rpx;font-weight:500}.sub-tabs.data-v-f0274d61{display:flex;padding:10rpx 30rpx 20rpx;gap:40rpx}.sub-tabs .sub-tab.data-v-f0274d61{font-size:28rpx;color:#888;padding-bottom:6rpx}.sub-tabs .sub-tab.active.data-v-f0274d61{color:#1f6cff;font-weight:700;border-bottom:4rpx solid #1F6CFF}.fade-mask.data-v-f0274d61{position:absolute;left:0;right:0;bottom:-40rpx;height:40rpx;background:linear-gradient(180deg,#f8f9fb,rgba(248,249,251,0));pointer-events:none;z-index:10}.scroll-body.data-v-f0274d61{position:fixed;left:0;right:0;bottom:0;overflow-y:auto;background-color:#f8f9fb;box-sizing:border-box}.scroll-body.data-v-f0274d61::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:transparent}.job-list.data-v-f0274d61{display:flex;flex-direction:column;gap:24rpx;padding:0 30rpx;min-height:200rpx}.first-card.data-v-f0274d61{margin-top:24rpx!important}.job-card.data-v-f0274d61{background:#fff;border-radius:24rpx;padding:30rpx;position:relative;box-shadow:0 4rpx 12rpx rgba(0,0,0,.03)}.job-card .job-header.data-v-f0274d61{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.job-card .job-header .job-title-box.data-v-f0274d61{display:flex;align-items:center}.job-card .job-header .job-title-box .job-title.data-v-f0274d61{font-size:32rpx;font-weight:700;color:#1a1a1a;margin-right:16rpx}.job-card .job-header .job-title-box .urge-tag.data-v-f0274d61{font-size:20rpx;color:#ff3b30;border:1rpx solid #FF3B30;padding:2rpx 10rpx;border-radius:12rpx}.job-card .job-header .job-salary.data-v-f0274d61{font-size:32rpx;font-weight:700;color:#1f6cff}.job-card .tags-row.data-v-f0274d61{display:flex;flex-wrap:wrap;gap:16rpx;margin-bottom:24rpx}.job-card .tags-row .tag.data-v-f0274d61{background:#f4f5f7;color:#666;font-size:22rpx;padding:6rpx 16rpx;border-radius:8rpx}.job-card .info-row.data-v-f0274d61{display:flex;align-items:center;margin-bottom:12rpx}.job-card .info-row .info-icon.data-v-f0274d61{width:26rpx;height:26rpx;margin-right:12rpx;opacity:.5}.job-card .info-row .info-text.data-v-f0274d61{font-size:24rpx;color:#888;margin-right:16rpx}.job-card .info-row .danger-text.data-v-f0274d61{font-size:24rpx;color:#ff3b30}.job-card .company-row.data-v-f0274d61{display:flex;justify-content:space-between;align-items:center;margin-top:24rpx;padding-top:24rpx;border-top:1rpx dashed #EEEEEE}.job-card .company-row .company-info-wrap.data-v-f0274d61{display:flex;align-items:center}.job-card .company-row .company-info-wrap .company-logo.data-v-f0274d61{width:80rpx;height:80rpx;border-radius:16rpx;margin-right:20rpx;background-color:#f5f5f5;border:1rpx solid #f0f0f0}.job-card .company-row .company-info-wrap .company-text-col.data-v-f0274d61{display:flex;flex-direction:column}.job-card .company-row .company-info-wrap .company-text-col .company-name-box.data-v-f0274d61{display:flex;align-items:center;margin-bottom:6rpx}.job-card .company-row .company-info-wrap .company-text-col .company-name-box .company-name.data-v-f0274d61{font-size:28rpx;font-weight:600;color:#1a1a1a;margin-right:10rpx}.job-card .company-row .company-info-wrap .company-text-col .company-name-box .verified-icon.data-v-f0274d61{width:24rpx;height:24rpx}.job-card .company-row .company-info-wrap .company-text-col .company-location.data-v-f0274d61{font-size:24rpx;color:#888}.job-card .company-row .close-icon.data-v-f0274d61{width:32rpx;height:32rpx;opacity:.3}.empty-wrap.data-v-f0274d61{padding:100rpx 0;text-align:center}.empty-wrap .empty-text.data-v-f0274d61{color:#999;font-size:28rpx}.load-end-wrap.data-v-f0274d61{display:flex;align-items:center;justify-content:center;padding:40rpx 30rpx;gap:20rpx}.load-end-wrap .load-end-line.data-v-f0274d61{flex:1;height:1rpx;background-color:#e4e7ed}.load-end-wrap .load-end-text.data-v-f0274d61{font-size:22rpx;color:#bbb}.tabbar-placeholder.data-v-f0274d61{height:180rpx}.popup-mask.data-v-f0274d61{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:999;display:flex;align-items:center;justify-content:center;padding:0 60rpx}.popup-content.data-v-f0274d61{width:80%;background:#fff;border-radius:32rpx;padding:30rpx 40rpx 60rpx;position:relative;box-shadow:0 20rpx 80rpx rgba(0,0,0,.15)}.popup-header.data-v-f0274d61{display:flex;justify-content:flex-end;margin-bottom:30rpx}.popup-header .popup-close.data-v-f0274d61{width:36rpx;height:36rpx;opacity:.3}.popup-body.data-v-f0274d61{display:flex;flex-direction:column;gap:24rpx;align-items:center}.feedback-btn.data-v-f0274d61{width:85%;height:80rpx;background:#ebf2ff;border-radius:100rpx;display:flex;align-items:center;justify-content:center;transition:all .2s}.feedback-btn text.data-v-f0274d61{font-size:28rpx;color:#1f6cff;font-weight:500}.feedback-btn.data-v-f0274d61:active{opacity:.8;transform:scale(.98)}