diff --git a/components/CustomTabBar/CustomTabBar.vue b/components/CustomTabBar/CustomTabBar.vue index 5e21f93..218ccf3 100644 --- a/components/CustomTabBar/CustomTabBar.vue +++ b/components/CustomTabBar/CustomTabBar.vue @@ -295,14 +295,14 @@ onMounted(() => { bottom: 0; left: 0; right: 0; - height: 100rpx; + height: 150rpx; background-color: #ffffff; // border-top: 1rpx solid #e5e5e5; display: flex; align-items: center; padding-bottom: env(safe-area-inset-bottom); z-index: 9999; - box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); + box-shadow: 0 -3rpx 15rpx rgba(0, 0, 0, 0.1); pointer-events: auto; } @@ -314,21 +314,21 @@ onMounted(() => { justify-content: center; height: 100%; color: #5E5F60; - font-size: 22rpx; + font-size: 33rpx; position: relative; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; .icon-container{ - width: 50rpx; - height: 50rpx; + width: 75rpx; + height: 75rpx; } } .tabbar-icon { - width: 50rpx; - height: 50rpx; - margin-bottom: 4rpx; + width: 75rpx; + height: 75rpx; + margin-bottom: 6rpx; position: relative; } @@ -338,7 +338,7 @@ onMounted(() => { } .tabbar-text { - font-size: 22rpx; + font-size: 33rpx; line-height: 1; transition: color 0.3s ease; } @@ -350,17 +350,17 @@ onMounted(() => { .badge { position: absolute; - top: 4rpx; - right: 20rpx; - min-width: 32rpx; - height: 32rpx; + top: 6rpx; + right: 30rpx; + min-width: 48rpx; + height: 48rpx; background-color: #ff4444; color: #fff; - font-size: 19rpx; - border-radius: 16rpx; + font-size: 28rpx; + border-radius: 24rpx; text-align: center; - line-height: 32rpx; - padding: 0 10rpx; + line-height: 48rpx; + padding: 0 15rpx; transform: scale(0.8); } @@ -368,25 +368,25 @@ onMounted(() => { .tabbar-item.center-item { .tabbar-icon { - width: 60rpx; - height: 60rpx; + width: 90rpx; + height: 90rpx; margin-bottom: 0; } .tabbar-icon image { - // margin-top: -25rpx; + // margin-top: -37.5rpx; width: 80%; animation: bounce 2s ease-in-out infinite; } .icon-container{ - width: 50rpx; - height: 50rpx; + width: 75rpx; + height: 75rpx; text-align: center; border-radius: 50%; - border: 2rpx solid #256BFA; - box-shadow: 0 0 10rpx #256BFA; + border: 3rpx solid #256BFA; + box-shadow: 0 0 15rpx #256BFA; transform: scale(1.6); position: relative; - top: 5rpx; + top: 7.5rpx; animation: pulse 2s ease-in-out infinite; } } diff --git a/components/new-filter-page/new-filter-page.vue b/components/new-filter-page/new-filter-page.vue index f685d7b..c716cc4 100644 --- a/components/new-filter-page/new-filter-page.vue +++ b/components/new-filter-page/new-filter-page.vue @@ -196,25 +196,26 @@ const handleClose = () => { z-index: 9999; display: flex; flex-direction: column; + padding-top: 84rpx; } .filter-header { - height: 96rpx; + height: 144rpx; display: flex; align-items: center; justify-content: space-between; - padding: 0 32rpx; + padding: 0 48rpx; border-bottom: 1rpx solid #eee; background-color: #fff; - box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); + box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.05); .back-btn { - font-size: 36rpx; - width: 48rpx; + font-size: 54rpx; + width: 72rpx; display: flex; align-items: center; justify-content: center; - padding: 10rpx; + padding: 15rpx; border-radius: 50%; transition: all 0.3s ease; @@ -224,7 +225,7 @@ const handleClose = () => { } .filter-title { - font-size: 34rpx; + font-size: 51rpx; font-weight: 600; color: #333; } @@ -234,14 +235,14 @@ const handleClose = () => { display: flex; border-bottom: 1rpx solid #eee; background-color: #fff; - box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); + box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.05); .tab-item { flex: 1; - height: 90rpx; - line-height: 90rpx; + height: 135rpx; + line-height: 135rpx; text-align: center; - font-size: 30rpx; + font-size: 45rpx; color: #666; position: relative; transition: all 0.3s ease; @@ -256,9 +257,9 @@ const handleClose = () => { bottom: 0; left: 25%; width: 50%; - height: 4rpx; + height: 6rpx; background-color: #256BFA; - border-radius: 2rpx; + border-radius: 3rpx; } } @@ -270,7 +271,7 @@ const handleClose = () => { .filter-content { flex: 1; - padding: 40rpx 32rpx; + padding: 60rpx 48rpx; overflow-y: auto; } @@ -278,7 +279,7 @@ const handleClose = () => { .radio-item { display: flex; align-items: center; - padding: 30rpx 0; + padding: 45rpx 0; border-bottom: 1rpx solid #f0f0f0; transition: all 0.3s ease; position: relative; @@ -292,9 +293,9 @@ const handleClose = () => { } radio { - width: 28rpx; - height: 28rpx; - margin-right: 24rpx; + width: 42rpx; + height: 42rpx; + margin-right: 36rpx; transform: scale(1); display: flex; align-items: center; @@ -302,10 +303,10 @@ const handleClose = () => { } radio .wx-radio-input { - width: 28rpx; - height: 28rpx; + width: 42rpx; + height: 42rpx; border-radius: 50%; - border: 2rpx solid #ccc; + border: 3rpx solid #ccc; background: transparent; } @@ -315,11 +316,11 @@ const handleClose = () => { } radio .wx-radio-input::before { - width: 16rpx; - height: 16rpx; - line-height: 16rpx; + width: 24rpx; + height: 24rpx; + line-height: 24rpx; text-align: center; - font-size: 12rpx; + font-size: 18rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(0); @@ -332,22 +333,22 @@ const handleClose = () => { } .option-label { - font-size: 30rpx; + font-size: 45rpx; color: #333; flex: 1; font-weight: 400; - line-height: 40rpx; + line-height: 60rpx; } } } .filter-footer { - height: 160rpx; + height: 240rpx; display: flex; border-top: 1rpx solid #eee; background-color: #fff; - box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05); - padding: 20rpx 32rpx 100rpx; + box-shadow: 0 -3rpx 15rpx rgba(0, 0, 0, 0.05); + padding: 30rpx 48rpx 150rpx; flex-shrink: 0; position: relative; z-index: 10; @@ -355,15 +356,15 @@ const handleClose = () => { .footer-btn { flex: 1; margin: 0; - border-radius: 16rpx; - height: 80rpx; - line-height: 80rpx; - font-size: 32rpx; + border-radius: 24rpx; + height: 120rpx; + line-height: 120rpx; + font-size: 48rpx; transition: all 0.3s ease; font-weight: 500; &:first-child { - margin-right: 20rpx; + margin-right: 30rpx; background-color: #f5f5f5; color: #666; border: 1rpx solid #e0e0e0; diff --git a/components/renderCompanys/renderCompanys.vue b/components/renderCompanys/renderCompanys.vue index 5a1456d..9e012d8 100644 --- a/components/renderCompanys/renderCompanys.vue +++ b/components/renderCompanys/renderCompanys.vue @@ -65,16 +65,16 @@ function nextDetail(company) { diff --git a/components/renderJobs/renderJobs.vue b/components/renderJobs/renderJobs.vue index 29ff2e8..c4a9e68 100644 --- a/components/renderJobs/renderJobs.vue +++ b/components/renderJobs/renderJobs.vue @@ -84,16 +84,16 @@ function nextDetail(job) { diff --git a/packageA/pages/Intendedposition/Intendedposition.vue b/packageA/pages/Intendedposition/Intendedposition.vue index d70d315..e916db5 100644 --- a/packageA/pages/Intendedposition/Intendedposition.vue +++ b/packageA/pages/Intendedposition/Intendedposition.vue @@ -77,7 +77,7 @@ function getJobList(type = 'add') { diff --git a/packageA/pages/addWorkExperience/addWorkExperience.vue b/packageA/pages/addWorkExperience/addWorkExperience.vue index a0090af..ac6693c 100644 --- a/packageA/pages/addWorkExperience/addWorkExperience.vue +++ b/packageA/pages/addWorkExperience/addWorkExperience.vue @@ -3,11 +3,11 @@ 公司名称 - + 职位名称 - + 工作时间 @@ -30,7 +30,7 @@ 工作描述 -