diff --git a/components/new-filter-page/new-filter-page.vue b/components/new-filter-page/new-filter-page.vue index f47565e..cafb165 100644 --- a/components/new-filter-page/new-filter-page.vue +++ b/components/new-filter-page/new-filter-page.vue @@ -1,145 +1,135 @@ @@ -1634,9 +1635,9 @@ defineExpose({ loadData }); .iconsearch padding-left: 36rpx .inpute - margin-left: 20rpx + margin-left: 30rpx font-weight: 400; - font-size: 28rpx; + font-size: 63rpx; color: #B5B5B5; width: 100% .live-button @@ -1650,21 +1651,21 @@ defineExpose({ loadData }); box-shadow: 0 3rpx 8rpx rgba(255, 107, 107, 0.2) transition: all 0.2s ease flex-shrink: 0 - + &:active transform: scale(0.96) box-shadow: 0 2rpx 6rpx rgba(255, 107, 107, 0.25) - + .live-icon margin-right: 8rpx display: flex align-items: center justify-content: center - + .live-text font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif font-weight: 500 - font-size: 24rpx + font-size: 36rpx color: #FFFFFF text-align: center white-space: nowrap @@ -1677,8 +1678,8 @@ defineExpose({ loadData }); border: 2rpx solid #FFFFFF; text-align: center font-weight: 500; - font-size: 28rpx; - height: 36rpx; + font-size: 42rpx; + height: 54rpx; color: #000000; padding: 20rpx 30rpx .cards @@ -1687,7 +1688,6 @@ defineExpose({ loadData }); grid-gap: 38rpx; grid-template-columns: 1fr; .card - height: calc(158rpx - 40rpx); padding: 22rpx 26rpx box-shadow: 0rpx 8rpx 40rpx 0rpx rgba(210,210,210,0.14); border-radius: 16rpx 16rpx 16rpx 16rpx; @@ -1695,11 +1695,11 @@ defineExpose({ loadData }); .card-title font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif; font-weight: 600; - font-size: 32rpx; + font-size: 96rpx; color: #000000; .card-text font-weight: 400; - font-size: 24rpx; + font-size: 48rpx; color: #9E9E9E; margin-top: 4rpx .card:first-child @@ -1720,7 +1720,7 @@ defineExpose({ loadData }); gap: 16rpx .h5-action-btn flex: 1 - height: 60rpx + height: 90rpx background:#FFFFFF border-radius: 8rpx display: flex @@ -1730,11 +1730,11 @@ defineExpose({ loadData }); box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(37, 107, 250, 0.3) &:active opacity: 0.8 - + .btn-text font-family: 'PingFangSC-Regular', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif font-weight: 400 - font-size: 26rpx + font-size: 66rpx color: #256BFA // 服务功能网格样式 .service-grid @@ -1877,7 +1877,7 @@ defineExpose({ loadData }); .service-title font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif font-weight: 500 - font-size: 24rpx + font-size: 36rpx color: #333333 text-align: center line-height: 1.2 @@ -1908,7 +1908,7 @@ defineExpose({ loadData }); transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); background: #FFFFFF; z-index: 10; - + &.sticky-filter position: fixed; top: 0; @@ -1953,13 +1953,13 @@ defineExpose({ loadData }); flex-wrap: nowrap .job font-weight: 400; - font-size: 36rpx; + font-size: 66rpx; color: #666D7F; margin-right: 32rpx; white-space: nowrap .active font-weight: 500; - font-size: 36rpx; + font-size: 66rpx; color: #000000; .jobs-add font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; @@ -1967,9 +1967,9 @@ defineExpose({ loadData }); align-items: center; justify-content: center; font-weight: 400; - font-size: 32rpx; + font-size: 66rpx; color: #666D7F; - line-height: 38rpx; + line-height: 57rpx; min-width: 80rpx; padding: 8rpx 12rpx; white-space: nowrap; @@ -1985,22 +1985,22 @@ defineExpose({ loadData }); font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; .filterbtm font-weight: 400; - font-size: 32rpx; + font-size: 66rpx; color: #666D7F; margin-right: 8rpx padding: 0rpx 6rpx .active font-weight: 500; - font-size: 32rpx; + font-size: 66rpx; color: #256BFA; .btm-right font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; - font-size: 32rpx; + font-size: 66rpx; color: #6C7282; .right-sx - width: 26rpx; - height: 26rpx; + width: 32rpx; + height: 32rpx; .active transform: rotate(180deg) .table-list @@ -2038,7 +2038,7 @@ defineExpose({ loadData }); text-align: left; word-break:break-all font-weight: 500; - font-size: 32rpx; + font-size: 57rpx; color: #333333; margin-top: 10rpx .falls-card-pay @@ -2054,9 +2054,9 @@ defineExpose({ loadData }); color: #4C6EFB; padding-right: 10rpx font-weight: 500; - font-size: 28rpx; + font-size: 66rpx; color: #4C6EFB; - line-height: 45rpx; + line-height: 67.5rpx; text-align: left; .flame position: absolute @@ -2067,13 +2067,13 @@ defineExpose({ loadData }); height: 31rpx .falls-card-education,.falls-card-experience width: fit-content; - height: 30rpx; + height: 45rpx; background: #F4F4F4; border-radius: 4rpx; - padding: 6rpx 20rpx; - line-height: 30rpx; + padding: 12rpx 20rpx; + line-height: 45rpx; font-weight: 400; - font-size: 24rpx; + font-size: 48rpx; color: #6C7282; text-align: center; margin-top: 20rpx; @@ -2081,9 +2081,9 @@ defineExpose({ loadData }); .falls-card-company,.falls-card-pepleNumber margin-top: 20rpx; - font-size: 24rpx; + font-size: 48rpx; color: #999999; - line-height: 25rpx; + line-height: 37.5rpx; text-align: left; .falls-card-pepleNumber display: flex; @@ -2091,9 +2091,9 @@ defineExpose({ loadData }); flex-wrap: wrap margin-top: 10rpx; font-weight: 400; - font-size: 24rpx; + font-size: 48rpx; color: #999999; - line-height: 46rpx + line-height: 69rpx view display:flex align-items: center @@ -2111,30 +2111,19 @@ defineExpose({ loadData }); display: flex; justify-content: space-between; align-items: center; - font-size: 21rpx; + font-size: 48rpx; color: #4778EC; text-align: left; .falls-card-company2 margin-top: 4rpx; - font-size: 24rpx; + font-size: 48rpx; color: #999999; text-align: left; display: flex .point3 - margin: 4rpx 4rpx 0 0 + margin: 16rpx 4rpx 0 0 height: 26rpx width: 26rpx - // 未通过审核状态样式 - .unpublished-badge - position: absolute - top: 0 - right: 0 - background-color: #FF4D4F - color: #FFFFFF - font-size: 20rpx - padding: 6rpx 12rpx - border-bottom-left-radius: 16rpx - z-index: 10 // 推荐卡片 .recommend-card::before position: absolute @@ -2167,28 +2156,28 @@ defineExpose({ loadData }); margin: 20rpx 30rpx border-radius: 20rpx box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.1) - + .company-header text-align: center margin-bottom: 40rpx - + .company-title - font-size: 36rpx + font-size: 54rpx font-weight: bold color: #333333 display: block margin-bottom: 10rpx - + .company-subtitle - font-size: 24rpx + font-size: 36rpx color: #666666 display: block - + .company-grid display: grid grid-template-columns: 1fr 1fr gap: 30rpx - + .company-item display: flex flex-direction: column @@ -2197,11 +2186,11 @@ defineExpose({ loadData }); background: #f8f9fa border-radius: 15rpx transition: all 0.3s ease - + &:active transform: scale(0.95) background: #e9ecef - + .company-icon width: 60rpx height: 60rpx @@ -2210,7 +2199,7 @@ defineExpose({ loadData }); align-items: center justify-content: center margin-bottom: 15rpx - + &.company-icon-1 background: #256BFA &.company-icon-2 @@ -2219,9 +2208,9 @@ defineExpose({ loadData }); background: #fa8c16 &.company-icon-4 background: #eb2f96 - + .company-title - font-size: 24rpx + font-size: 36rpx color: #333333 font-weight: 500 @@ -2236,11 +2225,11 @@ defineExpose({ loadData }); z-index: 2; .recommend-card-title font-weight: 500; - font-size: 28rpx; + font-size: 42rpx; color: #333333; .recommend-card-tip font-weight: 400; - font-size: 28rpx; + font-size: 42rpx; color: #6C7282; margin-top: 28rpx .recommend-card-line @@ -2284,6 +2273,8 @@ defineExpose({ loadData }); text-align: center; line-height: 60rpx color: #256BFA + font-weight: 400; + font-size: 42rpx; .controll-no width: 124rpx; height: 56rpx; @@ -2291,7 +2282,7 @@ defineExpose({ loadData }); border-radius: 12rpx 12rpx 12rpx 12rpx; border: 2rpx solid #DEDEDE; font-weight: 400; - font-size: 28rpx; + font-size: 42rpx; color: #333333; text-align: center; .controll-yes:active, .controll-no:active @@ -2318,11 +2309,11 @@ defineExpose({ loadData }); overflow: hidden cursor: pointer transition: all 0.3s ease - + &:active transform: scale(0.98) box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.12), 0 1rpx 4rpx rgba(0, 0, 0, 0.08) - + // 玻璃态效果 - 更强烈的渐变 &::before content: '' @@ -2331,14 +2322,14 @@ defineExpose({ loadData }); left: 0 right: 0 bottom: 0 - background: linear-gradient(135deg, - rgba(255, 255, 255, 0.2) 0%, - rgba(255, 255, 255, 0.1) 50%, + background: linear-gradient(135deg, + rgba(255, 255, 255, 0.2) 0%, + rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 100%) border-radius: 24rpx pointer-events: none z-index: 0 - + // 添加微妙的边框高光 &::after content: '' @@ -2349,8 +2340,8 @@ defineExpose({ loadData }); bottom: 0 border-radius: 24rpx padding: 1rpx - background: linear-gradient(135deg, - rgba(255, 255, 255, 0.6) 0%, + background: linear-gradient(135deg, + rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%) mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) @@ -2358,13 +2349,13 @@ defineExpose({ loadData }); -webkit-mask-composite: xor pointer-events: none z-index: 1 - + .card-content display: flex align-items: center position: relative z-index: 2 - + .company-icon width: 88rpx height: 88rpx @@ -2377,7 +2368,7 @@ defineExpose({ loadData }); flex-shrink: 0 box-shadow: 0 6rpx 16rpx rgba(37, 107, 250, 0.25) position: relative - + // 添加图标内部高光 &::before content: '' @@ -2389,21 +2380,21 @@ defineExpose({ loadData }); background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%) border-radius: 18rpx 18rpx 0 0 pointer-events: none - + .default-logo display: flex align-items: center justify-content: center color: #ffffff - + .company-info flex: 1 min-width: 0 z-index: 2 position: relative - + .company-name - font-size: 34rpx + font-size: 51rpx font-weight: 600 color: #000000 line-height: 1.3 @@ -2412,27 +2403,27 @@ defineExpose({ loadData }); text-overflow: ellipsis white-space: nowrap font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif - + .company-details display: flex align-items: center - font-size: 26rpx + font-size: 39rpx color: #666666 line-height: 1.2 - + .industry color: #666666 font-weight: 400 - + .separator margin: 0 10rpx color: #CCCCCC font-weight: 300 - + .size color: #666666 font-weight: 400 - + // 企业用户直播按钮样式 .company-live-button display: flex @@ -2446,21 +2437,21 @@ defineExpose({ loadData }); transition: all 0.2s ease flex-shrink: 0 margin-left: 20rpx - + &:active transform: scale(0.95) box-shadow: 0 2rpx 8rpx rgba(255, 107, 107, 0.4) - + .live-icon margin-right: 6rpx display: flex align-items: center justify-content: center - + .live-text font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif font-weight: 500 - font-size: 24rpx + font-size: 36rpx color: #FFFFFF text-align: center white-space: nowrap