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 @@
-
-
-
- {{ tab.label }}
+
+
-
-
-
-
-
-
- handleSelect('education', e)">
-
-
-
-
-
-
- handleSelect('experience', e)">
-
-
-
-
-
-
- handleSelect('salary', e)">
-
-
-
-
-
-
- handleSelect('scale', e)">
-
-
-
-
-
-
- handleSelect('area', e)">
-
-
-
-
-
-
- handleSelect('jobType', e)">
-
-
+
+
+
+
+ {{ tab.label }}
+
+
+
+
+ handleSelect('education', e)">
+
+
+
+
+
+
+ handleSelect('experience', e)">
+
+
+
+
+
+
+ handleSelect('scale', e)">
+
+
+
+
+
+
+ handleSelect('jobType', e)">
+
+
+
+
+
+
+ handleAreaSelect(e)">
+
+
+
+
+
+
@@ -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