diff --git a/common/globalFunction.js b/common/globalFunction.js
index 34ec784..2c3d63f 100644
--- a/common/globalFunction.js
+++ b/common/globalFunction.js
@@ -285,7 +285,9 @@ function deg2rad(deg) {
 }
 
 function vacanciesTo(vacancies) {
-    if (vacancies >= 0) {
+    if(!vacancies){
+        return '不限人数'
+    }else if (vacancies >= 0) {
         return vacancies + "人"
     } else {
         return '不限人数'
diff --git a/components/AppLayout/AppLayout.vue b/components/AppLayout/AppLayout.vue
index 193836f..fc4bceb 100644
--- a/components/AppLayout/AppLayout.vue
+++ b/components/AppLayout/AppLayout.vue
@@ -151,3 +151,31 @@ const handleScrollToLower = () => {
     height: 100%;
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .app-container {
+        .container-header{
+            height:120rpx;
+            line-height: 120rpx;
+            .header-btnLf{
+                ::v-deep *{
+                    width: 90rpx !important;
+                    height: 90rpx !important;
+                    font-size: 40rpx !important;
+                }
+            }
+            .header-btnRi{
+                ::v-deep *{
+                    width: 90rpx !important;
+                    height: 90rpx !important;
+                    font-size: 40rpx !important;
+                }
+            }
+            .header-title{
+                font-size: 40rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/components/DatePicker/DatePicker.vue b/components/DatePicker/DatePicker.vue
index 004231b..9610452 100644
--- a/components/DatePicker/DatePicker.vue
+++ b/components/DatePicker/DatePicker.vue
@@ -324,4 +324,21 @@ export default {
         color: #256bfa;
     }
 }
-</style>
\ No newline at end of file
+</style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .popup-header {
+        .title {
+            font-size: 40rpx;
+        }
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+}
+</style>
+
diff --git a/components/expected-station/expected-station.vue b/components/expected-station/expected-station.vue
index 3cd0f92..4aa86e8 100644
--- a/components/expected-station/expected-station.vue
+++ b/components/expected-station/expected-station.vue
@@ -252,3 +252,32 @@ export default {
                 border: 2rpx solid #256BFA;
                 color: #256BFA
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .sex-content{
+        .sex-content-left{
+            width: 350rpx;
+             .left-list-btn{
+                font-size: 36rpx;
+             }
+        }
+        .sex-content-right{
+            .grid-sex{
+                grid-template-columns:repeat(6,1fr);
+                .sex-right-btn{
+                    font-size: 36rpx;
+                    height: 100rpx;
+                    line-height: 100rpx;
+                }
+            }
+        }
+        .secondary-title{
+            font-size: 38rpx;
+        }
+   }
+}
+</style>
+
+
+
diff --git a/components/md-render/md-render.vue b/components/md-render/md-render.vue
index 4bc7762..2d0d802 100644
--- a/components/md-render/md-render.vue
+++ b/components/md-render/md-render.vue
@@ -355,3 +355,34 @@ ol {
         padding: 4rpx 20rpx;
         margin-right: 16rpx;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .custom-card{
+        padding: 30rpx;
+        .card-title{
+            .title-text{
+                font-size: 36rpx;
+            }
+            .card-salary{
+                font-size: 34rpx;
+            }
+        }
+        .card-company{
+            font-size: 32rpx;
+        }
+        .card-info{
+            font-size: 32rpx;
+            .info-item{
+                font-size: 32rpx;
+            }
+        }
+        .card-tag{
+            font-size: 30rpx;
+            padding: 8rpx 20rpx;
+        }
+    }
+}
+</style>
+
diff --git a/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue b/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
index b9d2f53..44ba8f8 100644
--- a/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
+++ b/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
@@ -10,12 +10,12 @@
                 <text class="company line_1">{{ company.name }}</text>
             </view>
             <view class="card-bottom">
-                <view class="fl_box fs_14">
+                <view class="fl_box">
                     <view class="mar_ri10">{{ company.industry }}</view>
                     <view>{{ company.scale }}</view>
                 </view>
                 <view class="ris">
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
                         个
@@ -33,12 +33,12 @@
                 <text class="company line_1">{{ company.name }}</text>
             </view>
             <view class="card-bottom">
-                <view class="fl_box fs_14">
+                <view class="fl_box ">
                     <view class="mar_ri10">{{ company.industry }}</view>
                     <view>{{ company.scale }}</view>
                 </view>
                 <view class="ris">
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
                         个
@@ -165,3 +165,25 @@ function nextDetail(company) {
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/components/renderCompanys/renderCompanys.vue b/components/renderCompanys/renderCompanys.vue
index 1234a2d..cd3edfb 100644
--- a/components/renderCompanys/renderCompanys.vue
+++ b/components/renderCompanys/renderCompanys.vue
@@ -5,12 +5,12 @@
                 <text class="company line_1">{{ job.name }}</text>
             </view>
             <view class="card-bottom">
-                <view class="fl_box fs_14">
+                <view class="fl_box">
                     <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
                     <dict-Label dictType="scale" :value="job.scale"></dict-Label>
                 </view>
                 <view class="ris">
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ job.totalRecruitment || '-' }}</text>
                         个
@@ -130,4 +130,27 @@ function nextDetail(company) {
 .ris{
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
+</style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
 </style>
\ No newline at end of file
diff --git a/components/renderCompanysOutData/renderCompanysOutData.vue b/components/renderCompanysOutData/renderCompanysOutData.vue
index 87f22fa..26b61c6 100644
--- a/components/renderCompanysOutData/renderCompanysOutData.vue
+++ b/components/renderCompanysOutData/renderCompanysOutData.vue
@@ -5,13 +5,13 @@
                 <text class="company line_1">{{ job.gsmc }}</text>
             </view>
             <view class="card-bottom" >
-                <view class="fl_box fs_14" >
+                <view class="fl_box" >
                     <!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
                     <dict-Label dictType="scale" :value="job.scale"></dict-Label> -->
                     <view>{{job.gsxy}}</view>
                 </view>
                 <view class="ris" >
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
                         个
@@ -140,3 +140,26 @@ function nextDetail(company) {
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/components/renderDeliveryRecord/renderDeliveryRecord.vue b/components/renderDeliveryRecord/renderDeliveryRecord.vue
index 8aca631..b371854 100644
--- a/components/renderDeliveryRecord/renderDeliveryRecord.vue
+++ b/components/renderDeliveryRecord/renderDeliveryRecord.vue
@@ -208,3 +208,48 @@ function nextDetail(job) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .date-jobTitle{
+        font-size: 38rpx;
+    }
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
+
diff --git a/components/renderJobCollectionRecord/renderJobCollectionRecord.vue b/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
index 3857395..5e24505 100644
--- a/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
+++ b/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
@@ -209,3 +209,44 @@ function nextDetail(job) {
     }
 }
 </style>
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
+
diff --git a/components/renderJobViewRecord/renderJobViewRecord.vue b/components/renderJobViewRecord/renderJobViewRecord.vue
index 8aca631..936c169 100644
--- a/components/renderJobViewRecord/renderJobViewRecord.vue
+++ b/components/renderJobViewRecord/renderJobViewRecord.vue
@@ -208,3 +208,47 @@ function nextDetail(job) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .date-jobTitle{
+        font-size: 38rpx;
+    }
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/components/renderJobs/renderJobs.vue b/components/renderJobs/renderJobs.vue
index c2d0623..b877e20 100644
--- a/components/renderJobs/renderJobs.vue
+++ b/components/renderJobs/renderJobs.vue
@@ -147,3 +147,45 @@ function nextDetail(job) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
+
diff --git a/components/renderJobsOutData/renderJobsOutData.vue b/components/renderJobsOutData/renderJobsOutData.vue
index ba50080..6626eae 100644
--- a/components/renderJobsOutData/renderJobsOutData.vue
+++ b/components/renderJobsOutData/renderJobsOutData.vue
@@ -165,3 +165,34 @@ function parseDateTime(datetimeStr) {
     }
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/components/selectFilter/selectFilter.vue b/components/selectFilter/selectFilter.vue
index b312837..e33e078 100644
--- a/components/selectFilter/selectFilter.vue
+++ b/components/selectFilter/selectFilter.vue
@@ -374,3 +374,58 @@ defineExpose({
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .filter-nav{
+        width: 350rpx;
+        .nav-item{
+            font-size: 38rpx;
+        }
+        .active{
+            font-size: 40rpx !important;
+        }
+   }
+   .filter-content {
+        .content-item {
+            .item-title{
+                font-size: 38rpx;
+            }
+        }
+        .check-content{
+            margin-top: 30rpx;
+            row-gap: 30rpx;
+            .checkbox-item{
+                .option-label {
+                    font-size: 34rpx;
+                    width: 100%;
+                    white-space: nowrap;
+                    overflow: hidden;
+                }
+            }
+        }
+   }
+   .popup-header {
+        padding-bottom: 25rpx;
+        .title {
+            font-size: 40rpx;
+        }
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+    .popup-bottom {
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+}
+</style>
+
+
diff --git a/components/selectJobs/selectJobs.vue b/components/selectJobs/selectJobs.vue
index 686683d..4f98a11 100644
--- a/components/selectJobs/selectJobs.vue
+++ b/components/selectJobs/selectJobs.vue
@@ -299,3 +299,30 @@ defineExpose({
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .popup-header {
+        .title {
+            font-size: 40rpx;
+        }
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+    .popup-bottom {
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+}
+</style>
+
+
+
diff --git a/components/selectPopup/selectPopup.vue b/components/selectPopup/selectPopup.vue
index c91a6f7..6add496 100644
--- a/components/selectPopup/selectPopup.vue
+++ b/components/selectPopup/selectPopup.vue
@@ -231,3 +231,4 @@ export default {
     }
 }
 </style>
+
diff --git a/packageA/pages/Intendedposition/Intendedposition.vue b/packageA/pages/Intendedposition/Intendedposition.vue
index 08e4e78..404e8a5 100644
--- a/packageA/pages/Intendedposition/Intendedposition.vue
+++ b/packageA/pages/Intendedposition/Intendedposition.vue
@@ -81,3 +81,5 @@ function getJobList(type = 'add') {
     position: relative;
 }
 </style>
+<style lang="scss" scoped>
+</style>
diff --git a/packageA/pages/UnitDetails/UnitDetails.vue b/packageA/pages/UnitDetails/UnitDetails.vue
index 1966189..ee8ce79 100644
--- a/packageA/pages/UnitDetails/UnitDetails.vue
+++ b/packageA/pages/UnitDetails/UnitDetails.vue
@@ -410,3 +410,84 @@ image {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .content{
+        .content-top{
+            .companyinfo-left{
+                width: 140rpx;
+                height: 140rpx;
+            }
+            .companyinfo-right{
+                .row1{
+                    margin-top: 10rpx;
+                    font-size: 40rpx;
+                }
+                .row2{
+                    margin-top: 10rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+    }
+        .content{
+        .locations{
+            height: 120rpx;
+             .location-info{
+                 .info{
+                    .info-title{
+                        font-size: 36rpx;
+                    }
+                 }
+             }
+        }
+        .expand{
+            font-size: 36rpx;
+            .expand-img{
+                width: 50rpx;
+                height: 50rpx;
+            }
+        }
+        .conetent-info{
+            .info-title{
+               font-size: 36rpx;
+               margin-top: 20rpx;
+            }
+            .info-desirption{
+               font-size: 32rpx;
+            }
+            .card-times{
+                    padding: 30rpx 90rpx;
+                    .left-date{
+                        font-size: 55rpx;
+                    }
+                    .left-dateDay{
+                        font-size: 34rpx;
+                    }
+                    .line{
+                       margin-top: 0;
+                       width: 80rpx;
+                       border-width: 4rpx;
+                    }
+                    .time-center{
+                        .center-date{
+                            font-size: 42rpx;
+                        }
+                        .center-dateDay{
+                            width: fit-content;
+                            font-size: 36rpx;
+                        }
+                    }
+                }
+        }
+    }
+    .Detailscroll-view{
+        .views{
+            .Detail-title{
+                font-size: 40rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/packageA/pages/browseJob/browseJob.vue b/packageA/pages/browseJob/browseJob.vue
index a542fb9..ae6a98a 100644
--- a/packageA/pages/browseJob/browseJob.vue
+++ b/packageA/pages/browseJob/browseJob.vue
@@ -219,3 +219,29 @@ image {
     height: 100%
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .collection-search{
+         .search-content{
+             .header-input{
+                .iconsearch{
+                   font-size: 50rpx !important;
+                }
+                .input{
+                    font-size: 40rpx;
+                    padding-left: 100rpx;
+                    height: 120rpx;
+                    }
+                .inputplace{
+                    font-size: 40rpx;
+                }
+             }
+             .data-all{
+                width: 100rpx;
+                height: 100rpx;
+             }
+         }
+    }
+}
+</style>
diff --git a/packageA/pages/collection/collection.vue b/packageA/pages/collection/collection.vue
index 5f1bc81..51898ad 100644
--- a/packageA/pages/collection/collection.vue
+++ b/packageA/pages/collection/collection.vue
@@ -272,3 +272,15 @@ function getCompanyList(type = 'add') {
    }
 }
 </style>
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .collection-content{
+     .header{
+        font-size: 38rpx;
+        .active{
+            font-size: 40rpx;
+        }
+     }
+   }
+}
+</style>
diff --git a/packageA/pages/exhibitors/exhibitors.vue b/packageA/pages/exhibitors/exhibitors.vue
index 0a8659a..88919c9 100644
--- a/packageA/pages/exhibitors/exhibitors.vue
+++ b/packageA/pages/exhibitors/exhibitors.vue
@@ -40,7 +40,7 @@
                 <!-- <view class="info-title title2">公司地址</view>
                 <view class="locationCompany"></view> -->
                 <view class="company-times">
-                    <view class="info-title">内容描述</view>
+                    <view class="info-title">举办时间</view>
                     <view class="card-times">
                         <view class="time-left">
                             <view class="left-date">{{ parseDateTime(fairInfo.zphjbsj).time }}</view>
@@ -590,3 +590,84 @@ image {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .app-container {
+        .content-top{
+            .companyinfo-left{
+                width: 140rpx;
+                height: 140rpx;
+            }
+            .companyinfo-right{
+                .row1{
+                    margin-top: 10rpx;
+                    font-size: 40rpx;
+                }
+                .row2{
+                    margin-top: 10rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+    }
+    .content{
+        .locations{
+            height: 120rpx;
+             .location-info{
+                 .info{
+                    .info-title{
+                        font-size: 36rpx;
+                    }
+                 }
+             }
+        }
+        .expand{
+            font-size: 36rpx;
+            .expand-img{
+                width: 50rpx;
+                height: 50rpx;
+            }
+        }
+        .conetent-info{
+            .info-title{
+               font-size: 36rpx;
+               margin-top: 20rpx;
+            }
+            .info-desirption{
+               font-size: 32rpx;
+            }
+            .card-times{
+                    padding: 30rpx 90rpx;
+                    .left-date{
+                        font-size: 55rpx;
+                    }
+                    .left-dateDay{
+                        font-size: 34rpx;
+                    }
+                    .line{
+                       margin-top: 0;
+                       width: 80rpx;
+                       border-width: 4rpx;
+                    }
+                    .time-center{
+                        .center-date{
+                            font-size: 42rpx;
+                        }
+                        .center-dateDay{
+                            width: fit-content;
+                            font-size: 36rpx;
+                        }
+                    }
+                }
+        }
+    }
+    .Detailscroll-view{
+        .views{
+            .Detail-title{
+                font-size: 40rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/packageA/pages/jobExpect/jobExpect.vue b/packageA/pages/jobExpect/jobExpect.vue
index bde30e5..7b30e54 100644
--- a/packageA/pages/jobExpect/jobExpect.vue
+++ b/packageA/pages/jobExpect/jobExpect.vue
@@ -278,3 +278,29 @@ function getFormCompletionPercent(form) {
         border: 2rpx solid #E8EAEE;
    
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .content{
+        padding: 40rpx;
+    }
+   .content-input{
+        .input-titile{
+            font-size: 40rpx;
+        }
+        .input-con{
+            height: 100rpx;
+            font-size: 38rpx;
+        }
+   }
+   .input-nx{
+    margin-top: 20rpx;
+        .nx-item{
+            padding: 12rpx 40rpx;
+            font-size: 34rpx;
+        }
+   }
+}
+</style>
+
+
diff --git a/packageA/pages/myResume/myResume.vue b/packageA/pages/myResume/myResume.vue
index 4ee9721..52bcf10 100644
--- a/packageA/pages/myResume/myResume.vue
+++ b/packageA/pages/myResume/myResume.vue
@@ -104,7 +104,7 @@
                     </view>
                     <view class="exp-item button-click" v-for="item in userInfo.workExp" :key="item.id">
                         <view class="fl_box fl_justbet mar_top15">
-                            <view class="fs_16">{{ item.company }}</view>
+                            <view >{{ item.company }}</view>
                             <image
                                 class="icon btn-feel"
                                 src="@/static/icon/edit1.png"
@@ -112,7 +112,7 @@
                             ></image>
                         </view>
                         <view class="mys-text fl_box fl_justbet">
-                            <text class="color_333333 fs_14">{{ item.position }}</text>
+                            <text class="color_333333">{{ item.position }}</text>
                             <text class="datetext">{{ item.startTime }}--{{ item.endTime || '至今' }}</text>
                         </view>
                         <view class="mys-text">
@@ -408,3 +408,84 @@ image{
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .notice-line{
+        height: 100rpx;
+        .icon{
+            width: 50rpx;
+            height: 50rpx;
+        }
+        .text{
+            font-size: 34rpx;
+        }
+        .close{
+            width: 40rpx;
+            height: 40rpx;
+        }
+   }
+   .mys-container{
+        .mys-tops{
+            .tops-left{
+                .name{
+                    font-size: 50rpx;
+                    .edit-icon{
+                        width: 50rpx;
+                        height: 50rpx;
+                    }
+                }
+                .subName{
+                    font-size: 38rpx;
+                }
+            }
+            .tops-right{
+                .right-imghead{
+                    width: 180rpx;
+                    height: 180rpx;
+                }
+            }
+        }
+        .mys-info{
+            .mys-h4{
+                font-size: 40rpx;
+                .icon{
+                    width: 55rpx;
+                    height: 55rpx;
+                }
+                .mys-edit-icon{
+                    .icon{
+                        width: 40rpx;
+                        height: 40rpx;
+                    }
+                    .txt{
+                        font-size: 36rpx;
+                    }
+                }
+            }
+            .exp-item{
+                font-size: 38rpx;
+                .icon{
+                    width: 55rpx;
+                    height: 55rpx;
+                }
+            }
+            .datetext{
+                font-size: 34rpx;
+            }
+            .mys-text{
+                font-size: 34rpx;
+            }
+            .mys-list{
+                margin-top: 20rpx;
+                .cards{
+                    padding: 12rpx 40rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+   }
+}
+</style>
+
+
diff --git a/packageA/pages/post/component/radarMap.vue b/packageA/pages/post/component/radarMap.vue
index 2d0a98e..bce71fa 100644
--- a/packageA/pages/post/component/radarMap.vue
+++ b/packageA/pages/post/component/radarMap.vue
@@ -1,5 +1,5 @@
 <template>
-    <view style="display: flex; justify-content: center; padding: 0px 0">
+    <view class="radar" style="display: flex; justify-content: center; padding: 0px 0">
         <canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
     </view>
 </template>
@@ -41,6 +41,8 @@ watch(
 );
 
 function rawRadarChart(labels, data) {
+    let ratio = window.innerWidth / 600;
+    if (ratio < 1) ratio = 1;
     const ctx = uni.createCanvasContext('radarCanvas');
     const width = 80;
     const height = 80;
@@ -136,8 +138,8 @@ function rawRadarChart(labels, data) {
 
         //标题
         ctx.setFillStyle('#000');
-        ctx.setFontSize(12);
-        ctx.font = 'bold 12px sans-serif';
+        ctx.setFontSize(12 * ratio);
+        ctx.font = `bold ${12 * ratio}px sans-serif`;
         ctx.fillText(label, x, y);
     });
 
@@ -145,4 +147,10 @@ function rawRadarChart(labels, data) {
 }
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .radar{
+        padding-top: 30rpx !important;
+    }
+}
+</style>
diff --git a/packageA/pages/post/post.vue b/packageA/pages/post/post.vue
index 449ea0d..eb08b7c 100644
--- a/packageA/pages/post/post.vue
+++ b/packageA/pages/post/post.vue
@@ -663,3 +663,87 @@ for i in 0..100
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .content{
+        .content-top{
+            .position-source{
+                font-size: 38rpx;
+            }
+            .top-salary{
+                ::v-deep .texts {
+                    .num {
+                      font-size: 50rpx;
+                    }
+                    .unit {
+                      font-size: 40rpx;
+                    }
+                    .gap {
+                      font-size: 40rpx;
+                    }
+                }
+            }
+            .top-name{
+                font-size: 38rpx;
+            }
+            .top-info{
+                .info-img{
+                    width: 50rpx;
+                    height: 50rpx;
+                }
+                .info-text{
+                    font-size: 36rpx;
+                }
+            }
+        }
+        .ai-explain{
+             .explain-left{
+                 .leftText{
+                    font-size: 36rpx;
+                 }
+                 .leftdownText{
+                    font-size: 32rpx;
+                 }
+             }
+            .explain-right{
+                font-size: 34rpx;
+                width: 200rpx;
+            }
+        }
+        .content-card{
+            .card-title{
+                font-size: 38rpx;
+                .btntext{
+                    font-size: 34rpx;
+                }
+            }
+            .description{
+                font-size: 34rpx;
+            }
+            .company-info{
+                .companyinfo-left{
+                    width: 150rpx;
+                    height: 150rpx;
+                }
+                .companyinfo-right{
+                    .row1{
+                        font-size: 38rpx;
+                    }
+                    .row2{
+                        font-size:32rpx;
+                    }
+                }
+            }
+        }
+        .card-footer{
+            .footer-title{
+                font-size: 36rpx;
+            }
+            .progress-text{
+                font-size: 32rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/packageA/pages/reservation/component/countdown.vue b/packageA/pages/reservation/component/countdown.vue
index 73ea6fd..da428c5 100644
--- a/packageA/pages/reservation/component/countdown.vue
+++ b/packageA/pages/reservation/component/countdown.vue
@@ -7,7 +7,7 @@
                     <div class="time-block">{{ days }}</div>
                     <span class="colon">天</span>
                 </view>
-                <view style="color: #ff881a">待开始</view>
+                <view class="status" style="color: #ff881a">待开始</view>
             </view>
         </template>
 
@@ -21,7 +21,7 @@
                     <span class="colon hui">:</span>
                     <div class="time-block huibg">00</div>
                 </view>
-                <view class="hui">已结束</view>
+                <view class="status hui">已结束</view>
             </view>
         </template>
 
@@ -33,7 +33,7 @@
                         <div class="time-block">{{ days }}</div>
                         <span class="colon">天</span>
                     </view>
-                    <view style="color: #18a14f">进行中</view>
+                    <view class="status" style="color: #18a14f">进行中</view>
                 </view>
             </template>
             <template v-else>
@@ -46,7 +46,7 @@
                         <span class="colon">:</span>
                         <div class="time-block">{{ seconds }}</div>
                     </view>
-                    <view style="color: #18a14f">进行中</view>
+                    <view class="status" style="color: #18a14f">进行中</view>
                 </view>
             </template>
         </template>
@@ -160,3 +160,19 @@ onUnmounted(() => {
     color: #256bfa;
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .colon{
+    font-size: 38rpx;
+   }
+   .time-block{
+    font-size: 40rpx;
+    height: 50rpx;
+    line-height: 50rpx;
+   }
+   .status{
+    font-size: 38rpx;
+   }
+}
+</style>
diff --git a/packageA/pages/reservation/reservation.vue b/packageA/pages/reservation/reservation.vue
index d8302fd..7da1c99 100644
--- a/packageA/pages/reservation/reservation.vue
+++ b/packageA/pages/reservation/reservation.vue
@@ -207,10 +207,40 @@ function getList(type = 'add', loading = true) {
                 text-align: center;
                 border-radius: 12rpx 12rpx 12rpx 12rpx;
                 border: 2rpx solid #E8EAEE;
-                margin-top: 32rpx
             }
         }
 
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .reser-content{
+        .content-top{
+            .top-item{
+                font-size: 36rpx;
+            }
+            .active{
+                font-size: 38rpx;
+            }
+        }
+   }
+   .reser-content{
+     .main{
+         .card{
+             .card-row{
+                margin-top: 20rpx;
+                .rowleft{
+                    font-size: 34rpx;
+                }
+             }
+             .card-Title{
+                margin-top: 20rpx;
+                font-size: 40rpx;
+             }
+         }
+     }
+   }
+}
+</style>
diff --git a/packageA/pages/selectDate/selectDate.vue b/packageA/pages/selectDate/selectDate.vue
index 4770c4f..cbf8bf2 100644
--- a/packageA/pages/selectDate/selectDate.vue
+++ b/packageA/pages/selectDate/selectDate.vue
@@ -336,3 +336,45 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .content{
+        .top-date{
+            display: grid;
+            grid-template-columns:repeat(7,1fr);
+            width: 100%;
+            box-sizing: border-box;
+            padding-right: 40rpx;
+            background: #f3f3f3;
+            .weekText{
+                width: 100%;
+                box-sizing: border-box;
+                text-align: center;
+                font-size: 40rpx;
+                padding: 20rpx;
+            }
+        }
+        .date-list{
+            .list-title{
+                height: 120rpx;
+                line-height: 120rpx;
+                font-size: 36rpx;
+            }
+            .list-item{
+                .item{
+                    padding: 35rpx 0;
+                    margin: 5rpx;
+                    .item-top{
+                        font-size: 40rpx;
+                    }
+                    .item-nong{
+                        font-size: 34rpx;
+                    }
+                }
+            }
+        }
+    }
+    
+}
+</style>
diff --git a/packageA/pages/vCard/vCard.vue b/packageA/pages/vCard/vCard.vue
index 5edd52a..9782722 100644
--- a/packageA/pages/vCard/vCard.vue
+++ b/packageA/pages/vCard/vCard.vue
@@ -264,3 +264,80 @@ image {
   }
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .mys-container{
+     .info{
+      padding: 40rpx;
+      .avatar{
+        width: 180rpx;
+        height: 180rpx;
+      }
+      .info-right{
+        height: 170rpx;
+        .name{
+          font-size: 45rpx;
+        }
+        .des{
+          font-size: 34rpx;
+        }
+        .phone{
+          font-size: 34rpx;
+        }
+      }
+     }
+     .info-bottom{
+        padding: 25rpx 50rpx;
+        font-size: 34rpx;
+      }
+      .des-card{
+        padding: 30rpx 40rpx;
+        font-size: 34rpx;
+        gap:20rpx;
+      }
+      .empty-box{
+         display: flex;
+         align-items: center;
+         justify-content: center;
+         .img{
+           width: 600rpx;
+         }
+        }
+   }
+
+   .card{
+    .title{
+      .text{
+        font-size: 40rpx;
+      }
+    }
+   }
+
+   .skill-box{
+    margin-top: 40rpx;
+    .skill-item{
+      font-size: 34rpx;
+      padding: 15rpx 40rpx;
+      border-radius: 12rpx;
+    }
+   }
+
+   .exp-box{
+      margin-top: 40rpx;
+      .exp-item{
+        font-size: 36rpx;
+      }
+   }
+
+   .certificate-box{
+      margin-top: 40rpx;
+      .certificate-item{
+        font-size: 36rpx;
+      }
+   }
+
+   
+}
+</style>
diff --git a/packageA/pages/workExp/workExp.vue b/packageA/pages/workExp/workExp.vue
index 08d3ce2..05f8f9e 100644
--- a/packageA/pages/workExp/workExp.vue
+++ b/packageA/pages/workExp/workExp.vue
@@ -243,3 +243,42 @@ const changeendTime = () => {
   }
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .content{
+        padding: 40rpx;
+    }
+   .content-input{
+        .input-titile{
+            font-size: 40rpx;
+        }
+        .input-con{
+            height: 100rpx;
+            font-size: 38rpx;
+        }
+   }
+   .input-nx{
+        margin-top: 20rpx;
+        .nx-item{
+            padding: 12rpx 40rpx;
+            font-size: 34rpx;
+        }
+   }
+   .flex-box{
+    .input-box{
+      flex: 0.4;
+    }
+    .gap{
+      font-size: 60rpx;
+      flex: 0.2;
+    }
+   }
+   .content-input{
+    .text-area{
+      font-size: 36rpx;
+    }
+   }
+}
+</style>
\ No newline at end of file
diff --git a/pages/careerfair/careerfair.vue b/pages/careerfair/careerfair.vue
index 59ce01f..27f2305 100644
--- a/pages/careerfair/careerfair.vue
+++ b/pages/careerfair/careerfair.vue
@@ -557,3 +557,86 @@ function getNextDates({ startDate = '', count = 6 }) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .app-container{
+        .container-header{
+            background-size: 100% 600rpx;
+            .header-input{
+                margin: 20rpx 0;
+                .iconsearch{
+                    font-size: 60rpx !important;
+                }
+                .input{
+                    font-size: 40rpx;
+                    padding-left: 100rpx;
+                    height: 120rpx;
+                }
+                .inputplace{
+                    font-size: 40rpx;
+                }
+            }
+            .header-date{
+                .data-week{
+                    .weel-days{
+                        width: 300rpx;
+                        height: 200rpx;
+                        .label{
+                            font-size: 40rpx;
+                        }
+                        .day{
+                            font-size: 32rpx;
+                        }
+                    }
+                }
+                .data-all{
+                    width: 140rpx;
+                    height: 140rpx;
+                }
+            }
+        }
+        .cards{
+            .card{
+                padding: 50rpx 10rpx;
+                .card-title{
+                    font-size: 40rpx;
+                    padding: 0 90rpx;
+                }
+                .card-row{
+                    font-size: 34rpx;
+                    padding: 0 90rpx;
+                    margin-top: 12rpx;
+                }
+                .card-times{
+                    padding: 0 90rpx;
+                    .left-date{
+                        font-size: 55rpx;
+                    }
+                    .left-dateDay{
+                        font-size: 34rpx;
+                    }
+                    .line{
+                       margin-top: 0;
+                       width: 80rpx;
+                       border-width: 4rpx;
+                    }
+                    .time-center{
+                        .center-date{
+                            font-size: 42rpx;
+                        }
+                        .center-dateDay{
+                            width: fit-content;
+                            font-size: 36rpx;
+                        }
+                    }
+                }
+                .card-footer{
+                    padding: 0 90rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+    }
+}
+</style>
diff --git a/pages/chat/chat.vue b/pages/chat/chat.vue
index 35f8b4b..569fa1e 100644
--- a/pages/chat/chat.vue
+++ b/pages/chat/chat.vue
@@ -348,3 +348,23 @@ footer-height = 98rpx
     height: footer-height;
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .main-content{
+        .head{
+            height: 120rpx;
+            .main-header{
+                height: 120rpx;
+                font-size: 40rpx;
+                uni-image{
+                    width: 55rpx;
+                    height: 55rpx;
+                }
+            }
+        }
+   }
+}
+</style>
+
+
diff --git a/pages/chat/components/ai-paging.vue b/pages/chat/components/ai-paging.vue
index 3db1b13..5cbd0fa 100644
--- a/pages/chat/components/ai-paging.vue
+++ b/pages/chat/components/ai-paging.vue
@@ -185,7 +185,7 @@
             <!-- btn -->
             <CollapseTransition :show="showfile">
                 <view class="area-tips">
-                    <uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
+                    <uni-icons type="info-filled" color="#ADADAD" size="20"></uni-icons>
                     上传后自动解析简历内容
                 </view>
                 <view class="area-file">
@@ -1101,3 +1101,86 @@ image-margin-top = 40rpx
     -webkit-animation: ai-circle 1s linear infinite;
     animation: ai-circle 1s linear infinite;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .chat-background{
+        .back-rowTitle{
+            font-size:50rpx;
+        }
+        .back-rowText{
+            font-size:34rpx;
+        }
+        .back-rowh3{
+            font-size:36rpx;
+        }
+        .back-rowmsg{
+            font-size:34rpx;
+        }
+    }
+    .areatext{
+        align-items:center;
+    }
+    .btn-box{
+        width: 90rpx;
+        height:90rpx;
+        .send-btn{
+            width:50rpx;
+            height:50rpx;
+        }
+    }
+    .input {
+        min-height: 100rpx;
+        line-height: 100rpx;
+    }
+    .input_vio{
+        min-height: 100rpx;
+        line-height: 100rpx;
+        font-size:34rpx;
+    }
+    .inputplaceholder {
+        font-size: 34rpx;
+        line-height: 50rpx;
+    }
+    .area-tips{
+        font-size:32rpx;
+    }
+    .message{
+        font-size: 36rpx;
+        .message-markdown{
+            font-size: 36rpx;
+            padding:40rpx;
+            .message-controll{
+                margin-top:25rpx;
+                .controll-left{
+                    .controll-icon{
+                        width:80rpx;
+                        height:80rpx;
+                    }
+                }
+                .controll-right{
+                    .controll-icon{
+                        width:80rpx;
+                        height:80rpx;
+                    }
+                }
+            }
+        }
+    }
+    .markdown-body{
+        font-size:36rpx;
+    }
+
+    .area-file .file-card{
+        padding:50rpx 0;
+        .card-img{
+            width:65rpx;
+            height:65rpx;
+        }
+        uni-text{
+            font-size: 34rpx;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/components/AIMatch.vue b/pages/index/components/AIMatch.vue
index 3b4a01c..04a4710 100644
--- a/pages/index/components/AIMatch.vue
+++ b/pages/index/components/AIMatch.vue
@@ -1,10 +1,10 @@
 <template>
-    <view class="container" id="pixi-box" ref="pixiContainerRef"></view>
+  <view class="container" id="pixi-box" ref="pixiContainerRef"></view>
 </template>
 
 <script setup>
-import { onMounted, onUnmounted, ref, nextTick } from 'vue';
-const emit = defineEmits(['tag-click']);
+import { onMounted, onUnmounted, ref, nextTick } from "vue";
+const emit = defineEmits(["tag-click"]);
 
 // DOM Ref
 const pixiContainerRef = ref(null);
@@ -16,356 +16,356 @@ let activeTagInstances = [];
 
 // 配置数据
 const mockTags = [
-    { name: '医生', bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
-    {
-        name: '工程师',
-        bgColor: 0x87e2ec,
-        fontColor: 0xffffff,
-        size: 14,
-        opacity: 1,
-        angle: -Math.PI / 2,
-        radius: 68,
-        tailRotation: Math.PI / 2,
-    },
-    {
-        name: '建筑师',
-        bgColor: 0xffebeb,
-        tailColor: 0xffe1e1,
-        fontColor: 0xff6969,
-        size: 11.5,
-        opacity: 1,
-        angle: -Math.PI / 4.2,
-        radius: 125,
-        tailRotation: (3 * Math.PI) / 4,
-    },
-    {
-        name: '律师',
-        bgColor: 0x21ea85,
-        fontColor: 0xffffff,
-        size: 15,
-        opacity: 1,
-        angle: -Math.PI / 10,
-        radius: 130,
-        tailRotation: (3 * Math.PI) / 4,
-    },
-    {
-        name: '记者',
-        bgColor: 0xebf3ff,
-        tailColor: 0xb9d3ff,
-        fontColor: 0x1d71ef,
-        size: 12,
-        opacity: 1,
-        angle: Math.PI / 120,
-        radius: 130,
-        tailRotation: (3 * Math.PI) / 3.4,
-    },
-    {
-        name: '程序员',
-        bgColor: 0xffd4b6,
-        fontColor: 0xffffff,
-        size: 14,
-        opacity: 1,
-        angle: Math.PI / 7,
-        radius: 120,
-        tailRotation: (5 * Math.PI) / 4,
-    },
-    {
-        name: '摄影师',
-        bgColor: 0xd8e5fe,
-        tailColor: 0xb9d3ff,
-        fontColor: 0x1d71ef,
-        size: 11,
-        opacity: 1,
-        angle: Math.PI / 3,
-        radius: 79,
-        tailRotation: (3 * Math.PI) / 2,
-    },
-    {
-        name: '设计师',
-        bgColor: 0xff9400,
-        fontColor: 0xffffff,
-        size: 14,
-        opacity: 1,
-        angle: (2 * Math.PI) / 3,
-        radius: 92,
-        tailRotation: (7 * Math.PI) / 4,
-    },
-    {
-        name: '心理咨询师',
-        bgColor: 0xebf3ff,
-        tailColor: 0xb9d3ff,
-        fontColor: 0x1d71ef,
-        size: 10.5,
-        opacity: 1,
-        angle: (5.4 * Math.PI) / 6,
-        radius: 110,
-        tailRotation:(3 *  Math.PI) /1.78,
-    },
-    {
-        name: '护士',
-        bgColor: 0xff6969,
-        fontColor: 0xffffff,
-        size: 15,
-        opacity: 1,
-        angle: (6.3 * Math.PI) / 5.9,
-        radius: 110,
-        tailRotation: Math.PI / 4,
-    },
-    {
-        name: '会计',
-        bgColor: 0xfce9c9,
-        fontColor: 0xfbc55f,
-        size: 13,
-        opacity: 1,
-        angle: (7.2 * Math.PI) / 5.9,
-        radius: 120,
-        tailRotation: Math.PI / 4,
-    },
+  { name: "医生", bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
+  {
+    name: "工程师",
+    bgColor: 0x87e2ec,
+    fontColor: 0xffffff,
+    size: 14,
+    opacity: 1,
+    angle: -Math.PI / 2,
+    radius: 68,
+    tailRotation: Math.PI / 2,
+  },
+  {
+    name: "建筑师",
+    bgColor: 0xffebeb,
+    tailColor: 0xffe1e1,
+    fontColor: 0xff6969,
+    size: 11.5,
+    opacity: 1,
+    angle: -Math.PI / 4.2,
+    radius: 125,
+    tailRotation: (3 * Math.PI) / 4,
+  },
+  {
+    name: "律师",
+    bgColor: 0x21ea85,
+    fontColor: 0xffffff,
+    size: 15,
+    opacity: 1,
+    angle: -Math.PI / 10,
+    radius: 130,
+    tailRotation: (3 * Math.PI) / 4,
+  },
+  {
+    name: "记者",
+    bgColor: 0xebf3ff,
+    tailColor: 0xb9d3ff,
+    fontColor: 0x1d71ef,
+    size: 12,
+    opacity: 1,
+    angle: Math.PI / 120,
+    radius: 130,
+    tailRotation: (3 * Math.PI) / 3.4,
+  },
+  {
+    name: "程序员",
+    bgColor: 0xffd4b6,
+    fontColor: 0xffffff,
+    size: 14,
+    opacity: 1,
+    angle: Math.PI / 7,
+    radius: 120,
+    tailRotation: (5 * Math.PI) / 4,
+  },
+  {
+    name: "摄影师",
+    bgColor: 0xd8e5fe,
+    tailColor: 0xb9d3ff,
+    fontColor: 0x1d71ef,
+    size: 11,
+    opacity: 1,
+    angle: Math.PI / 3,
+    radius: 79,
+    tailRotation: (3 * Math.PI) / 2,
+  },
+  {
+    name: "设计师",
+    bgColor: 0xff9400,
+    fontColor: 0xffffff,
+    size: 14,
+    opacity: 1,
+    angle: (2 * Math.PI) / 3,
+    radius: 92,
+    tailRotation: (7 * Math.PI) / 4,
+  },
+  {
+    name: "心理咨询师",
+    bgColor: 0xebf3ff,
+    tailColor: 0xb9d3ff,
+    fontColor: 0x1d71ef,
+    size: 10.5,
+    opacity: 1,
+    angle: (5.4 * Math.PI) / 6,
+    radius: 110,
+    tailRotation: (3 * Math.PI) / 1.78,
+  },
+  {
+    name: "护士",
+    bgColor: 0xff6969,
+    fontColor: 0xffffff,
+    size: 15,
+    opacity: 1,
+    angle: (6.3 * Math.PI) / 5.9,
+    radius: 110,
+    tailRotation: Math.PI / 4,
+  },
+  {
+    name: "会计",
+    bgColor: 0xfce9c9,
+    fontColor: 0xfbc55f,
+    size: 13,
+    opacity: 1,
+    angle: (7.2 * Math.PI) / 5.9,
+    radius: 120,
+    tailRotation: Math.PI / 4,
+  },
 ];
 
 onMounted(async () => {
-    await nextTick();
-    setTimeout(() => {
-        initPixi();
-    }, 100);
-    window.addEventListener('resize', handleResize);
+  await nextTick();
+  setTimeout(() => {
+    initPixi();
+  }, 100);
+  window.addEventListener("resize", handleResize);
 });
 
 onUnmounted(() => {
-    window.removeEventListener('resize', handleResize);
-    if (app) {
-        app.destroy(true, { children: true, texture: true, baseTexture: true });
-        app = null;
-    }
+  window.removeEventListener("resize", handleResize);
+  if (app) {
+    app.destroy(true, { children: true, texture: true, baseTexture: true });
+    app = null;
+  }
 });
 
 const getContainerDOM = () => {
-    const refVal = pixiContainerRef.value;
-    if (!refVal) return document.getElementById('pixi-box');
-    if (refVal.$el) return refVal.$el;
-    return refVal;
+  const refVal = pixiContainerRef.value;
+  if (!refVal) return document.getElementById("pixi-box");
+  if (refVal.$el) return refVal.$el;
+  return refVal;
 };
 
 const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
 
 const initPixi = () => {
-    const container = getContainerDOM();
-    if (!container) return;
+  const container = getContainerDOM();
+  if (!container) return;
 
-    const width = container.clientWidth || 300;
-    const height = container.clientHeight || 300;
+  const width = container.clientWidth || 300;
+  const height = container.clientHeight || 300;
 
-    if (app) return;
+  if (app) return;
 
-    app = new PIXI.Application({
-        width: width,
-        height: height,
-        backgroundAlpha: 0,
-        backgroundColor: 0xf5f7fa,
-        antialias: true,
-        resolution: window.devicePixelRatio || 1,
-        autoDensity: true,
-    });
-    app.view.style.touchAction = 'auto';
+  app = new PIXI.Application({
+    width: width,
+    height: height,
+    backgroundAlpha: 0,
+    backgroundColor: 0xf5f7fa,
+    antialias: true,
+    resolution: window.devicePixelRatio || 1,
+    autoDensity: true,
+  });
+  app.view.style.touchAction = "auto";
 
-    container.appendChild(app.view);
+  container.appendChild(app.view);
 
-    tagsContainer = new PIXI.Container();
-    app.stage.addChild(tagsContainer);
+  tagsContainer = new PIXI.Container();
+  app.stage.addChild(tagsContainer);
 
-    renderScene(width, height);
+  renderScene(width, height);
 };
 
 const renderScene = (sw, sh) => {
-    tagsContainer.removeChildren();
-    activeTagInstances = [];
+  let ratio = window.innerWidth / 600;
+  if (ratio < 1) ratio = 1;
+  tagsContainer.removeChildren();
+  activeTagInstances = [];
 
-    const baseSize = 375;
-    const scaleFactor = (Math.min(sw, sh) / baseSize) * 0.9;
+  mockTags.forEach((data, index) => {
+    const scaledRadius = data.radius * ratio;
 
-    mockTags.forEach((data, index) => {
-        const scaledRadius = data.radius * (scaleFactor < 1 ? 1 : scaleFactor * 0.8);
+    let x = sw / 2 + scaledRadius * Math.cos(data.angle);
+    let y = sh / 2 + scaledRadius * Math.sin(data.angle);
 
-        let x = sw / 2 + scaledRadius * Math.cos(data.angle);
-        let y = sh / 2 + scaledRadius * Math.sin(data.angle);
+    const tag = createTag(data, index, ratio);
 
-        const tag = createTag(data, index);
+    tagsContainer.addChild(tag);
 
-        tagsContainer.addChild(tag);
+    const safeW = tag.width / 2 + 10;
+    const safeH = tag.height / 2 + 10;
 
-        const safeW = tag.width / 2 + 10;
-        const safeH = tag.height / 2 + 10;
+    // 强制修正 x 和 y，使其不超出屏幕
+    x = clamp(x, safeW, sw - safeW);
+    y = clamp(y, safeH, sh - safeH);
 
-        // 强制修正 x 和 y，使其不超出屏幕
-        x = clamp(x, safeW, sw - safeW);
-        y = clamp(y, safeH, sh - safeH);
+    tag.x = x;
+    tag.y = y;
 
-        tag.x = x;
-        tag.y = y;
-
-        // 4. 保存元数据
-        tag.userData = {
-            originalX: x,
-            originalY: y,
-            angle: data.angle,
-            radius: scaledRadius,
-            floatOffset: Math.random() * Math.PI * 2,
-            floatSpeed: 0.01 + Math.random() * 0.02,
-            floatRange: 2 + Math.random() * 2,
-            safeH: safeH,
-        };
-
-        if (data.radius > 0) {
-            const tail = createCometTail( data.tailColor || data.bgColor, data.tailRotation, tag.width);
-            tag.addChildAt(tail, 0);
-            tag.updateTail = () => tail.updateAnim();
-        }
-
-        activeTagInstances.push(tag);
-    });
-
-    // 动画循环
-    app.ticker.add(() => {
-        const screenH = app.screen.height;
-
-        activeTagInstances.forEach((tag) => {
-            const meta = tag.userData;
-            if (meta) {
-                // 计算新的浮动位置
-                meta.floatOffset += meta.floatSpeed;
-                let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;
-
-                // 再次进行边界检查
-                if (nextY < meta.safeH) nextY = meta.safeH;
-                if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;
-
-                tag.y = nextY;
-
-                if (tag.updateTail) tag.updateTail();
-            }
-        });
-    });
-};
-
-const createTag = (tagData, index) => {
-    const tagGroup = new PIXI.Container();
-    tagGroup.eventMode = 'static';
-    tagGroup.cursor = 'pointer';
-
-    tagGroup.on('pointertap', () => emit('tag-click', tagData));
-
-    const text = new PIXI.Text(tagData.name, {
-        fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
-        fontSize: tagData.size,
-        fill: tagData.fontColor,
-        padding: 4,
-        resolution: 2,
-    });
-    text.anchor.set(0.5);
-
-    const paddingH = 26;
-    const paddingV = 10;
-    let bgWidth = text.width + paddingH;
-    let bgHeight = text.height + paddingV;
-
-    if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
-
-    const bg = new PIXI.Graphics();
-    bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
-    bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
-    bg.endFill();
-
-    tagGroup.addChild(bg);
-    tagGroup.addChild(text);
-
-    return tagGroup;
-};
-
-const createCometTail = (bgColor, tailRotation, parentWidth) => {
-    const tailGroup = new PIXI.Container();
-    const graphics = new PIXI.Graphics();
-    tailGroup.addChild(graphics);
-
-    const baseLength = 45;
-    const startWidth = parentWidth * 0.6;
-    const endWidth = 20;
-
-    let breathPhase = Math.random() * Math.PI * 2;
-    const breathSpeed = 0.04;
-
-    tailGroup.updateAnim = () => {
-        breathPhase += breathSpeed;
-        const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
-        graphics.clear();
-        const currentLength = baseLength * breathScale;
-
-        const cos = Math.cos(tailRotation);
-        const sin = Math.sin(tailRotation);
-        const perpX = -sin;
-        const perpY = cos;
-
-        const p1 = { x: perpX * (startWidth / 2), y: perpY * (startWidth / 2) };
-        const p2 = { x: -perpX * (startWidth / 2), y: -perpY * (startWidth / 2) };
-        const endCX = cos * currentLength;
-        const endCY = sin * currentLength;
-        const p3 = { x: endCX - perpX * (endWidth / 2), y: endCY - perpY * (endWidth / 2) };
-        const p4 = { x: endCX + perpX * (endWidth / 2), y: endCY + perpY * (endWidth / 2) };
-
-        const segments = 8;
-        for (let i = 0; i < segments; i++) {
-            const t1 = i / segments;
-            const t2 = (i + 1) / segments;
-            const alpha = 0.4 * (1 - t1);
-            const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
-            const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
-            const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
-            const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
-            graphics.beginFill(bgColor, alpha);
-            graphics.moveTo(sp1.x, sp1.y);
-            graphics.lineTo(sp2.x, sp2.y);
-            graphics.lineTo(ep2.x, ep2.y);
-            graphics.lineTo(ep1.x, ep1.y);
-            graphics.endFill();
-        }
+    // 4. 保存元数据
+    tag.userData = {
+      originalX: x,
+      originalY: y,
+      angle: data.angle,
+      radius: scaledRadius,
+      floatOffset: Math.random() * Math.PI * 2,
+      floatSpeed: 0.01 + Math.random() * 0.02,
+      floatRange: 2 + Math.random() * 2,
+      safeH: safeH,
     };
-    tailGroup.updateAnim();
-    return tailGroup;
+
+    if (data.radius > 0) {
+      const tail = createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width, ratio);
+      tag.addChildAt(tail, 0);
+      tag.updateTail = () => tail.updateAnim();
+    }
+
+    activeTagInstances.push(tag);
+  });
+
+  // 动画循环
+  app.ticker.add(() => {
+    const screenH = app.screen.height;
+    activeTagInstances.forEach((tag) => {
+      const meta = tag.userData;
+      if (meta) {
+        // 计算新的浮动位置
+        meta.floatOffset += meta.floatSpeed;
+        let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;
+
+        // 再次进行边界检查
+        if (nextY < meta.safeH) nextY = meta.safeH;
+        if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;
+
+        tag.y = nextY;
+
+        if (tag.updateTail) tag.updateTail();
+      }
+    });
+  });
+};
+
+const createTag = (tagData, index, ratio) => {
+  if (ratio > 1) ratio = ratio * 0.9;
+  const tagGroup = new PIXI.Container();
+  tagGroup.eventMode = "static";
+  tagGroup.cursor = "pointer";
+
+  tagGroup.on("pointertap", () => emit("tag-click", tagData));
+
+  const text = new PIXI.Text(tagData.name, {
+    fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
+    fontSize: tagData.size * ratio,
+    fill: tagData.fontColor,
+    padding: 4 * ratio,
+    resolution: 2,
+  });
+  text.anchor.set(0.5);
+
+  const paddingH = 26 * ratio;
+  const paddingV = 10 * ratio;
+  let bgWidth = text.width + paddingH;
+  let bgHeight = text.height + paddingV;
+
+  if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
+
+  const bg = new PIXI.Graphics();
+  bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
+  bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
+  bg.endFill();
+
+  tagGroup.addChild(bg);
+  tagGroup.addChild(text);
+
+  return tagGroup;
+};
+
+const createCometTail = (bgColor, tailRotation, parentWidth, ratio) => {
+  if (ratio > 1) ratio = ratio * 0.9;
+  const tailGroup = new PIXI.Container();
+  const graphics = new PIXI.Graphics();
+  tailGroup.addChild(graphics);
+
+  const baseLength = 45 * ratio;
+  const startWidth = parentWidth * 0.6;
+  const endWidth = 20 * ratio;
+
+  let breathPhase = Math.random() * Math.PI * 2;
+  const breathSpeed = 0.04;
+
+  tailGroup.updateAnim = () => {
+    breathPhase += breathSpeed;
+    const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
+    graphics.clear();
+    const currentLength = baseLength * breathScale;
+
+    const cos = Math.cos(tailRotation);
+    const sin = Math.sin(tailRotation);
+    const perpX = -sin;
+    const perpY = cos;
+
+    const p1 = { x: perpX * (startWidth / 2), y: perpY * (startWidth / 2) };
+    const p2 = { x: -perpX * (startWidth / 2), y: -perpY * (startWidth / 2) };
+    const endCX = cos * currentLength;
+    const endCY = sin * currentLength;
+    const p3 = { x: endCX - perpX * (endWidth / 2), y: endCY - perpY * (endWidth / 2) };
+    const p4 = { x: endCX + perpX * (endWidth / 2), y: endCY + perpY * (endWidth / 2) };
+
+    const segments = 8;
+    for (let i = 0; i < segments; i++) {
+      const t1 = i / segments;
+      const t2 = (i + 1) / segments;
+      const alpha = 0.4 * (1 - t1);
+      const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
+      const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
+      const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
+      const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
+      graphics.beginFill(bgColor, alpha);
+      graphics.moveTo(sp1.x, sp1.y);
+      graphics.lineTo(sp2.x, sp2.y);
+      graphics.lineTo(ep2.x, ep2.y);
+      graphics.lineTo(ep1.x, ep1.y);
+      graphics.endFill();
+    }
+  };
+  tailGroup.updateAnim();
+  return tailGroup;
 };
 
 const handleResize = () => {
-    const container = getContainerDOM();
-    if (!app || !container) return;
+  const container = getContainerDOM();
+  if (!app || !container) return;
 
-    const w = container.clientWidth || 300;
-    const h = container.clientHeight || 300;
+  const w = container.clientWidth || 300;
+  const h = container.clientHeight || 300;
 
-    app.renderer.resize(w, h);
+  app.renderer.resize(w, h);
 
-    activeTagInstances.forEach((tag) => {
-        const meta = tag.userData;
-        if (!meta) return;
+  activeTagInstances.forEach((tag) => {
+    const meta = tag.userData;
+    if (!meta) return;
 
-        let newX = w / 2 + meta.radius * Math.cos(meta.angle);
-        let newY = h / 2 + meta.radius * Math.sin(meta.angle);
+    let newX = w / 2 + meta.radius * Math.cos(meta.angle);
+    let newY = h / 2 + meta.radius * Math.sin(meta.angle);
 
-        const safeW = tag.width / 2 + 10;
-        const safeH = tag.height / 2 + 10;
+    const safeW = tag.width / 2 + 10;
+    const safeH = tag.height / 2 + 10;
 
-        meta.originalX = clamp(newX, safeW, w - safeW);
-        meta.originalY = clamp(newY, safeH, h - safeH);
-        meta.safeH = safeH; // 更新安全高度
+    meta.originalX = clamp(newX, safeW, w - safeW);
+    meta.originalY = clamp(newY, safeH, h - safeH);
+    meta.safeH = safeH; // 更新安全高度
 
-        tag.x = meta.originalX;
-    });
+    tag.x = meta.originalX;
+  });
 };
 </script>
 
 <style scoped>
 .container {
-    width: 100%;
-    height: 500rpx;
-    position: relative;
-    overflow: hidden;
-    color: #b9d3ff;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  color: #b9d3ff;
 }
 </style>
diff --git a/pages/index/components/index-refactor.vue b/pages/index/components/index-refactor.vue
index f710571..9f50055 100644
--- a/pages/index/components/index-refactor.vue
+++ b/pages/index/components/index-refactor.vue
@@ -1,246 +1,206 @@
 <template>
-    <scroll-view
-        :scroll-y="true"
-        class="app-container"
-        :scroll-top="scrollTop"
-        @scroll="checkStickyStatus"
-        @scrolltolower="scrollBottom"
-    >
-        <view class="nav-hidden">
-            <view class="container-search">
-                <image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image>
-                <view class="search-inner">
-                    <view class="inner-left">
-                        <image class="bg-text2" mode="widthFix" src="@/static/icon/index-text-bg2.png"></image>
-                        <view class="search-input button-click" @click="navTo('/pages/search/search')">
-                            <image class="icon" src="@/static/icon/index-search.png"></image>
-                            <text class="inpute">请告诉我想找什么工作</text>
-                        </view>
-                    </view>
-                    <image class="bg-robot button-click" mode="widthFix" src="@/static/icon/index-robot.png"></image>
-                </view>
-            </view>
-            <view class="ai-card-out">
-                <view class="ai-card">
-                    <image class="ai-card-bg" src="@/static/icon/ai-card-bg.png" />
-                    <view class="ai-card-inner">
-                        <view class="title">人工智能专区</view>
-                        <view class="item-box">
-                            <view class="box-l">
-                                <view class="item1 button-click" @click="handleItemClick">
-                                    <view class="title">AI素质测评</view>
-                                    <view class="des">提高个人素质</view>
-                                    <image class="bg-text" mode="widthFix" src="@/static/icon/item-bg-text.png"></image>
-                                    <image class="bg-img" src="@/static/icon/item-bg-img1.png"></image>
-                                </view>
-                            </view>
-                            <view class="box-r">
-                                <view class="item2 button-click" @click="handleItemClick">
-                                    <view class="title">就业指导</view>
-                                    <view class="des">根据个人建议</view>
-                                    <image class="bg" src="@/static/icon/top-card-bg.png" />
-                                    <image class="bg-img" src="@/static/icon/item-bg-img2.png"></image>
-                                </view>
-                                <view class="item3 button-click" @click="handleItemClick">
-                                    <view class="title">AI模拟面试</view>
-                                    <view class="des">提高面试成功率</view>
-                                    <image class="bg" src="@/static/icon/bottom-card-bg.png" />
-                                    <image class="bg-img" src="@/static/icon/item-bg-img3.png"></image>
-                                </view>
-                            </view>
-                        </view>
-                        <view class="tip" @click="navTo('/packageA/pages/myResume/myResume')">
-                            <image class="icon" src="@/static/icon/leart-gold.png" />
-                            <view class="text">使用人工智能需要先完成素质测评、完善简历 ></view>
-                        </view>
-                    </view>
-                </view>
-            </view>
-            <view class="match-card-out">
-                <view class="match-card">
-                    <image class="match-card-bg" src="@/static/icon/match-card-bg.png" />
-                    <view class="title">简历匹配职位</view>
-                    <view class="match-item-container">
-                        <AIMatch @tag-click="handleTagClick"></AIMatch>
-                    </view>
-                </view>
-            </view>
-
-            <view class="cards">
-                <view class="card card1 press-button" @click="navTo('/pages/nearby/nearby')">
-                    <view class="card-title">附近工作</view>
-                    <view class="card-text">好岗职等你来</view>
-                    <image class="img1" src="@/static/icon/work-img1.png" />
-                </view>
-                <view class="card card2 press-button" @click="navTo('/packageA/pages/choiceness/choiceness')">
-                    <view class="card-title">精选企业</view>
-                    <view class="card-text">优选职得信赖</view>
-                    <image class="img2" src="@/static/icon/work-img2.png" />
-                </view>
+  <scroll-view :scroll-y="true" class="app-container" :scroll-top="scrollTop" @scroll="checkStickyStatus" @scrolltolower="scrollBottom">
+    <view class="nav-hidden">
+      <view class="container-search">
+        <image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image>
+        <view class="search-inner">
+          <view class="inner-left">
+            <image class="bg-text2" mode="widthFix" src="@/static/icon/index-text-bg2.png"></image>
+            <view class="search-input button-click" @click="navTo('/pages/search/search')">
+              <image class="icon" src="@/static/icon/index-search.png"></image>
+              <text class="inpute">请告诉我想找什么工作</text>
             </view>
+          </view>
+          <image class="bg-robot button-click" mode="widthFix" src="@/static/icon/index-robot.png"></image>
         </view>
-        <view class="list-card">
-            <image v-if="maskFirstEntry" @click="closeVideoTip" class="video-mask" src="@/static/icon/video-mask.png" />
-            <view class="nav-filter" :class="{ stuck: isSticky }">
-                <view class="filter-top" @touchmove.stop.prevent>
-                    <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
-                        <view class="jobs-left">
-                            <view
-                                class="job button-click"
-                                :class="{ active: state.tabIndex === 'all' }"
-                                @click="choosePosition('all')"
-                            >
-                                全部
-                            </view>
-                            <view
-                                class="job button-click"
-                                :class="{ active: state.tabIndex === index }"
-                                v-for="(item, index) in userInfo.jobTitle"
-                                :key="index"
-                                @click="choosePosition(index)"
-                            >
-                                {{ item }}
-                            </view>
-                        </view>
-                    </scroll-view>
-                    <image
-                        @click="navTo('/packageA/pages/addPosition/addPosition')"
-                        class="add-icon button-click"
-                        src="@/static/icon/add-circle.png"
-                    ></image>
+      </view>
+      <view class="ai-card-out">
+        <view class="ai-card">
+          <image class="ai-card-bg" src="@/static/icon/ai-card-bg.png" />
+          <view class="ai-card-inner">
+            <view class="title">人工智能专区</view>
+            <view class="item-box">
+              <view class="box-l">
+                <view class="item1 button-click" @click="handleItemClick">
+                  <view class="title">AI素质测评</view>
+                  <view class="des">提高个人素质</view>
+                  <image class="bg-text" mode="widthFix" src="@/static/icon/item-bg-text.png"></image>
+                  <image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img1.png"></image>
                 </view>
-                <view class="filter-bottom">
-                    <view class="btm-left">
-                        <view
-                            class="button-click filterbtm"
-                            :class="{ active: pageState.search.order === item.value }"
-                            v-for="item in rangeOptions"
-                            @click="handelHostestSearch(item)"
-                            :key="item.value"
-                        >
-                            {{ item.text }}
-                        </view>
-                    </view>
-                    <view class="btm-right button-click" @click="openFilter">
-                        筛选
-                        <image
-                            class="right-sx"
-                            :class="{ active: showFilter }"
-                            src="@/static/icon/polygon-down.png"
-                        ></image>
-                    </view>
+              </view>
+              <view class="box-r">
+                <view class="item2 button-click" @click="handleItemClick">
+                  <view class="title">就业指导</view>
+                  <view class="des">根据个人建议</view>
+                  <image class="bg" src="@/static/icon/top-card-bg.png" />
+                  <image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img2.png"></image>
                 </view>
+                <view class="item3 button-click" @click="handleItemClick">
+                  <view class="title">AI模拟面试</view>
+                  <view class="des">提高面试成功率</view>
+                  <image class="bg" src="@/static/icon/bottom-card-bg.png" />
+                  <image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img3.png"></image>
+                </view>
+              </view>
             </view>
-            <view class="table-list">
-                <view :scroll-y="true" class="falls-scroll">
-                    <view class="falls" v-if="list.length">
-                        <custom-waterfalls-flow
-                            :column="columnCount"
-                            :columnSpace="columnSpace"
-                            ref="waterfallsFlowRef"
-                            :value="list"
-                            :listStyle="{
-                                background: '#FFFFFF99',
-                                'box-shadow': '0 16rpx 20rpx #e6e6e6b3',
-                                'background-image': 'radial-gradient(circle 150rpx, #d3e5ff 25%, transparent 100%)',
-                                'background-repeat': 'no-repeat',
-                                'background-position': 'center bottom 30rpx',
-                                'border-radius': '20rpx',
-                            }"
-                        >
-                            <template v-slot:default="job">
-                                <view class="item btn-feel" :class="{ 'm-height': !job.education }">
-                                    <view class="falls-card" @click="nextDetail(job)">
-                                        <view v-if="job.isHot">
-                                            <view class="falls-card-pay">
-                                                <view class="pay-text">
-                                                    <Salary-Expectation
-                                                        :max-salary="job.maxSalary"
-                                                        :min-salary="job.minSalary"
-                                                    ></Salary-Expectation>
-                                                </view>
-                                                <image class="flame" src="/static/icon/flame3.png"></image>
-                                            </view>
-                                            <view class="falls-card-title">{{ job.jobTitle }}</view>
-                                        </view>
-                                        <view v-else>
-                                            <view class="falls-card-title">{{ job.jobTitle }}</view>
-                                            <view class="falls-card-pay" style="margin-top: 10rpx">
-                                                <view class="pay-text">
-                                                    <Salary-Expectation
-                                                        :max-salary="job.maxSalary"
-                                                        :min-salary="job.minSalary"
-                                                    ></Salary-Expectation>
-                                                </view>
-                                            </view>
-                                        </view>
+            <view class="tip" @click="navTo('/packageA/pages/myResume/myResume')">
+              <image class="icon" src="@/static/icon/leart-gold.png" />
+              <view class="text">使用人工智能需要先完成素质测评、完善简历 ></view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="match-card-out">
+        <view class="match-card">
+          <image class="match-card-bg" src="@/static/icon/match-card-bg.png" />
+          <view class="title">简历匹配职位</view>
+          <view class="match-item-container">
+            <AIMatch @tag-click="handleTagClick"></AIMatch>
+          </view>
+        </view>
+      </view>
 
-                                        <view class="fl_box fl_warp">
-                                            <view class="falls-card-education mar_ri10">
-                                                <dict-Label dictType="education" :value="job.education"></dict-Label>
-                                            </view>
-                                            <view class="falls-card-experience" v-if="job.experience">
-                                                <dict-Label dictType="experience" :value="job.experience"></dict-Label>
-                                            </view>
-                                        </view>
-                                        <!-- <view class="falls-card-company">
+      <view class="cards">
+        <view class="card card1 press-button" @click="navTo('/pages/nearby/nearby')">
+          <view class="card-title">附近工作</view>
+          <view class="card-text">好岗职等你来</view>
+          <image class="img1" mode="widthFix" src="@/static/icon/work-img1.png" />
+        </view>
+        <view class="card card2 press-button" @click="navTo('/packageA/pages/choiceness/choiceness')">
+          <view class="card-title">精选企业</view>
+          <view class="card-text">优选职得信赖</view>
+          <image class="img2" mode="widthFix" src="@/static/icon/work-img2.png" />
+        </view>
+      </view>
+    </view>
+    <view class="list-card">
+      <image v-if="maskFirstEntry" @click="closeVideoTip" class="video-mask" mode="widthFix" src="@/static/icon/video-mask.png" />
+      <view class="nav-filter" :class="{ stuck: isSticky }">
+        <view class="filter-top" @touchmove.stop.prevent>
+          <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
+            <view class="jobs-left">
+              <view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
+              <view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
+                {{ item }}
+              </view>
+            </view>
+          </scroll-view>
+          <image @click="navTo('/packageA/pages/addPosition/addPosition')" class="add-icon button-click" src="@/static/icon/add-circle.png"></image>
+        </view>
+        <view class="filter-bottom">
+          <view class="btm-left">
+            <view class="button-click filterbtm" :class="{ active: pageState.search.order === item.value }" v-for="item in rangeOptions" @click="handelHostestSearch(item)" :key="item.value">
+              {{ item.text }}
+            </view>
+          </view>
+          <view class="btm-right button-click" @click="openFilter">
+            筛选
+            <image class="right-sx" :class="{ active: showFilter }" src="@/static/icon/polygon-down.png"></image>
+          </view>
+        </view>
+      </view>
+      <view class="table-list">
+        <view :scroll-y="true" class="falls-scroll">
+          <view class="falls" v-if="list.length">
+            <custom-waterfalls-flow
+              :column="columnCount"
+              :columnSpace="columnSpace"
+              ref="waterfallsFlowRef"
+              :value="list"
+              :listStyle="{
+                background: '#FFFFFF99',
+                'box-shadow': '0 16rpx 20rpx #e6e6e6b3',
+                'background-image': 'radial-gradient(circle 150rpx, #d3e5ff 25%, transparent 100%)',
+                'background-repeat': 'no-repeat',
+                'background-position': 'center bottom 30rpx',
+                'border-radius': '20rpx',
+              }"
+            >
+              <template v-slot:default="job">
+                <view class="item btn-feel" :class="{ 'm-height': !job.education }">
+                  <view class="falls-card" @click="nextDetail(job)">
+                    <view v-if="job.isHot">
+                      <view class="falls-card-pay">
+                        <view class="pay-text">
+                          <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        </view>
+                        <image class="flame" src="/static/icon/flame3.png"></image>
+                      </view>
+                      <view class="falls-card-title">{{ job.jobTitle }}</view>
+                    </view>
+                    <view v-else>
+                      <view class="falls-card-title">{{ job.jobTitle }}</view>
+                      <view class="falls-card-pay" style="margin-top: 10rpx">
+                        <view class="pay-text">
+                          <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        </view>
+                      </view>
+                    </view>
+
+                    <view class="fl_box fl_warp">
+                      <view class="falls-card-education mar_ri10">
+                        <dict-Label dictType="education" :value="job.education"></dict-Label>
+                      </view>
+                      <view class="falls-card-experience" v-if="job.experience">
+                        <dict-Label dictType="experience" :value="job.experience"></dict-Label>
+                      </view>
+                    </view>
+                    <!-- <view class="falls-card-company">
                       青岛
                       <dict-Label dictType="area" :value="job.jobLocationAreaCode"></dict-Label>
                     </view> -->
-                                        <view class="falls-card-pepleNumber">
-                                            <view>
-                                                <image class="point2" src="/static/icon/pintDate2.png"></image>
-                                                <view class="fl_1">
-                                                    {{ job.postingDate || '发布日期' }}
-                                                </view>
-                                            </view>
-                                            <view>
-                                                <image class="point3" src="/static/icon/pointpeople.png"></image>
-                                                <view class="fl_1">
-                                                    {{ vacanciesTo(job.vacancies) }}
-                                                </view>
-                                            </view>
-                                        </view>
-                                        <view class="falls-card-company2">
-                                            <image class="point3" src="/static/icon/position-icon.png"></image>
-                                            <view class="fl_1">
-                                                {{ job.companyName }}
-                                            </view>
-                                        </view>
-                                        <!--  <view class="falls-card-matchingrate">
+                    <view class="falls-card-pepleNumber">
+                      <view>
+                        <image class="point2" src="/static/icon/pintDate2.png"></image>
+                        <view class="fl_1">
+                          {{ job.postingDate || "发布日期" }}
+                        </view>
+                      </view>
+                      <view>
+                        <image class="point3" src="/static/icon/pointpeople.png"></image>
+                        <view class="fl_1">
+                          {{ vacanciesTo(job.vacancies) }}
+                        </view>
+                      </view>
+                    </view>
+                    <view class="falls-card-company2">
+                      <image class="point3" src="/static/icon/position-icon.png"></image>
+                      <view class="fl_1">
+                        {{ job.companyName }}
+                      </view>
+                    </view>
+                    <!--  <view class="falls-card-matchingrate">
                                         <view class=""><matchingDegree :job="job"></matchingDegree></view>
                                         <uni-icons type="star" size="30"></uni-icons>
                                     </view> -->
-                                    </view>
-                                    <view v-if="!job.education" class="recommend-card" :class="{ isBut: job.isBut }">
-                                        <view class="card-content">
-                                            <view class="recommend-card-title">
-                                                在找岗位：{{ job.jobCategory }}的工作吗？
-                                            </view>
-                                            <!-- <view class="recommend-card-tip">{{ job.tip }}</view> -->
-                                            <view class="recommend-card-tip">确认您的兴趣，为您推荐更多合适的岗位</view>
-                                            <!-- <view class="recommend-card-line"></view> -->
-                                            <view class="recommend-card-controll">
-                                                <view class="controll-no" @click="clearfindJob(job)">不是</view>
-                                                <view class="controll-yes" @click="findJob(job)">是的</view>
-                                            </view>
-                                        </view>
-                                        <view class="card-bottom"></view>
-                                    </view>
-                                </view>
-                            </template>
-                        </custom-waterfalls-flow>
-                        <loadmore ref="loadmoreRef"></loadmore>
-                        <view v-if="showScrollBottom" style="height: 200px"></view>
+                  </view>
+                  <view v-if="!job.education" class="recommend-card" :class="{ isBut: job.isBut }">
+                    <view class="card-content">
+                      <view class="recommend-card-title"> 在找岗位：{{ job.jobCategory }}的工作吗？ </view>
+                      <!-- <view class="recommend-card-tip">{{ job.tip }}</view> -->
+                      <view class="recommend-card-tip">确认您的兴趣，为您推荐更多合适的岗位</view>
+                      <!-- <view class="recommend-card-line"></view> -->
+                      <view class="recommend-card-controll">
+                        <view class="controll-no" @click="clearfindJob(job)">不是</view>
+                        <view class="controll-yes" @click="findJob(job)">是的</view>
+                      </view>
                     </view>
-                    <empty v-else pdTop="200"></empty>
+                    <view class="card-bottom"></view>
+                  </view>
                 </view>
-            </view>
+              </template>
+            </custom-waterfalls-flow>
+            <loadmore ref="loadmoreRef"></loadmore>
+            <view v-if="showScrollBottom" style="height: 200px"></view>
+          </view>
+          <empty v-else pdTop="200"></empty>
         </view>
+      </view>
+    </view>
 
-        <!-- 筛选 -->
-        <select-filter ref="selectFilterModel"></select-filter>
-        <!-- <view class="maskFirstEntry" v-if="maskFirstEntry">
+    <!-- 筛选 -->
+    <select-filter ref="selectFilterModel"></select-filter>
+    <!-- <view class="maskFirstEntry" v-if="maskFirstEntry">
             <view class="entry-content">
                 <text class="text1">左滑查看视频</text>
                 <text class="text2">左滑查看视频</text>
@@ -248,28 +208,28 @@
                 <view class="maskFirstEntry-Close" @click="closefirstEntry">1</view>
             </view>
         </view> -->
-    </scroll-view>
+  </scroll-view>
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick, getCurrentInstance } from 'vue';
-import img from '@/static/icon/filter.png';
-import dictLabel from '@/components/dict-Label/dict-Label.vue';
-const { $api, navTo, vacanciesTo, formatTotal, throttle } = inject('globalFunction');
-import { onLoad, onShow } from '@dcloudio/uni-app';
-import { storeToRefs } from 'pinia';
-import useUserStore from '@/stores/useUserStore';
+import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick, getCurrentInstance } from "vue";
+import img from "@/static/icon/filter.png";
+import dictLabel from "@/components/dict-Label/dict-Label.vue";
+const { $api, navTo, vacanciesTo, formatTotal, throttle } = inject("globalFunction");
+import { onLoad, onShow } from "@dcloudio/uni-app";
+import { storeToRefs } from "pinia";
+import useUserStore from "@/stores/useUserStore";
 const { userInfo } = storeToRefs(useUserStore());
-import useDictStore from '@/stores/useDictStore';
+import useDictStore from "@/stores/useDictStore";
 const { getTransformChildren, oneDictData } = useDictStore();
-import useLocationStore from '@/stores/useLocationStore';
-import selectFilter from '@/components/selectFilter/selectFilter.vue';
-import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
-import { useScrollDirection } from '@/hook/useScrollDirection';
-import { useColumnCount } from '@/hook/useColumnCount';
+import useLocationStore from "@/stores/useLocationStore";
+import selectFilter from "@/components/selectFilter/selectFilter.vue";
+import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
+import { useScrollDirection } from "@/hook/useScrollDirection";
+import { useColumnCount } from "@/hook/useColumnCount";
 const { isScrollingDown, handleScroll } = useScrollDirection();
 const recommedIndexDb = useRecommedIndexedDBStore();
-import AIMatch from './AIMatch.vue';
+import AIMatch from "./AIMatch.vue";
 
 const { proxy } = getCurrentInstance();
 
@@ -279,7 +239,7 @@ const isSticky = ref(false);
 const showScrollBottom = ref(false);
 const scrollTop = ref(0);
 
-const emits = defineEmits(['onShowTabbar']);
+const emits = defineEmits(["onShowTabbar"]);
 
 const waterfallsFlowRef = ref(null);
 const loadmoreRef = ref(null);
@@ -287,395 +247,354 @@ const conditionSearch = ref({});
 const waterfallcolumn = ref(2);
 
 const state = reactive({
-    tabIndex: 'all',
+  tabIndex: "all",
 });
 const list = ref([]);
 const pageState = reactive({
-    page: 0,
-    total: 0,
-    maxPage: 2,
-    pageSize: 10,
-    search: {
-        order: 0,
-    },
+  page: 0,
+  total: 0,
+  maxPage: 2,
+  pageSize: 10,
+  search: {
+    order: 0,
+  },
 });
-const inputText = ref('');
+const inputText = ref("");
 const showFilter = ref(false);
 const selectFilterModel = ref(null);
 const showModel = ref(false);
 const rangeOptions = ref([
-    { value: 0, text: '推荐' },
-    { value: 1, text: '最热' },
-    { value: 2, text: '最新发布' },
+  { value: 0, text: "推荐" },
+  { value: 1, text: "最热" },
+  { value: 2, text: "最新发布" },
 ]);
 const isLoaded = ref(false);
 
-const occupations = [
-    '律师',
-    '工程师',
-    '医生',
-    '教师',
-    '设计师',
-    '程序员',
-    '会计师',
-    '建筑师',
-    '护士',
-    '销售',
-    '经理',
-    '顾问',
-    '分析师',
-    '研究员',
-    '编辑',
-    '记者',
-    '摄影师',
-    '厨师',
-    '司机',
-    '保安',
-    '客服',
-    '行政',
-    '人事',
-    '市场',
-    '运营',
-    '产品',
-    '测试',
-    '运维',
-    '前端',
-    '后端',
-    '全栈',
-    '数据',
-    '策划',
-    '导演',
-    '演员',
-    '歌手',
-    '作家',
-    '画家',
-    '翻译',
-    '导游',
-];
+const occupations = ["律师", "工程师", "医生", "教师", "设计师", "程序员", "会计师", "建筑师", "护士", "销售", "经理", "顾问", "分析师", "研究员", "编辑", "记者", "摄影师", "厨师", "司机", "保安", "客服", "行政", "人事", "市场", "运营", "产品", "测试", "运维", "前端", "后端", "全栈", "数据", "策划", "导演", "演员", "歌手", "作家", "画家", "翻译", "导游"];
 
-const colors = ['#0069FE', '#FF9400', '#FF6969', '#21EA85', '#87E2EC'];
+const colors = ["#0069FE", "#FF9400", "#FF6969", "#21EA85", "#87E2EC"];
 
 onMounted(() => {
-    let firstEntry = uni.getStorageSync('firstEntry') === false ? false : true; // 默认未读
-    maskFirstEntry.value = firstEntry;
+  let firstEntry = uni.getStorageSync("firstEntry") === false ? false : true; // 默认未读
+  maskFirstEntry.value = firstEntry;
 });
 
 const checkStickyStatus = (e) => {
-    scrollTop.value = e.detail.scrollTop;
-    nextTick(() => {
-        const query = uni.createSelectorQuery().in(proxy);
-        query
-            .select('.nav-filter')
-            .boundingClientRect()
-            .exec((res) => {
-                if (res[0]) {
-                    const rect = res[0];
-                    const shouldBeSticky = rect.top <= 0;
-                    if (isSticky.value !== shouldBeSticky) {
-                        isSticky.value = shouldBeSticky;
-                    }
-                }
-            });
-    });
+  scrollTop.value = e.detail.scrollTop;
+  nextTick(() => {
+    const query = uni.createSelectorQuery().in(proxy);
+    query
+      .select(".nav-filter")
+      .boundingClientRect()
+      .exec((res) => {
+        if (res[0]) {
+          const rect = res[0];
+          const shouldBeSticky = rect.top <= 0;
+          if (isSticky.value !== shouldBeSticky) {
+            isSticky.value = shouldBeSticky;
+          }
+        }
+      });
+  });
 };
 
 function closeVideoTip() {
-    uni.setStorageSync('firstEntry', false);
-    maskFirstEntry.value = false;
+  uni.setStorageSync("firstEntry", false);
+  maskFirstEntry.value = false;
 }
 
 const handleTagClick = (tagInfo) => {
-    console.log('点击的标签信息:', tagInfo);
-    $api.msg('暂未开放')
+  console.log("点击的标签信息:", tagInfo);
+  $api.msg("暂未开放");
 };
 
-const handleItemClick = ()=>{
-     $api.msg('暂未开放')
-}
+const handleItemClick = () => {
+  $api.msg("暂未开放");
+};
 
 const hexToRgba = (hex, opacity) => {
-    const r = parseInt(hex.slice(1, 3), 16);
-    const g = parseInt(hex.slice(3, 5), 16);
-    const b = parseInt(hex.slice(5, 7), 16);
-    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 };
 
 const getTextColor = (hexColor) => {
-    const r = parseInt(hexColor.slice(1, 3), 16);
-    const g = parseInt(hexColor.slice(3, 5), 16);
-    const b = parseInt(hexColor.slice(5, 7), 16);
-    const brightness = (r * 299 + g * 587 + b * 114) / 1000;
-    return brightness > 180 ? '#1D71EF' : '#FFFFFF';
+  const r = parseInt(hexColor.slice(1, 3), 16);
+  const g = parseInt(hexColor.slice(3, 5), 16);
+  const b = parseInt(hexColor.slice(5, 7), 16);
+  const brightness = (r * 299 + g * 587 + b * 114) / 1000;
+  return brightness > 180 ? "#1D71EF" : "#FFFFFF";
 };
 
 const { columnCount, columnSpace } = useColumnCount(() => {
-    pageState.pageSize = 10 * (columnCount.value - 1);
-    getJobRecommend('refresh');
-    nextTick(() => {
-        waterfallsFlowRef.value?.refresh?.();
-        useLocationStore().getLocation();
-    });
+  pageState.pageSize = 10 * (columnCount.value - 1);
+  getJobRecommend("refresh");
+  nextTick(() => {
+    waterfallsFlowRef.value?.refresh?.();
+    useLocationStore().getLocation();
+  });
 });
 
 async function loadData() {
-    try {
-        if (isLoaded.value) return;
-        isLoaded.value = true;
-    } catch (err) {
-        isLoaded.value = false; // 重置状态允许重试
-        throw err;
-    }
+  try {
+    if (isLoaded.value) return;
+    isLoaded.value = true;
+  } catch (err) {
+    isLoaded.value = false; // 重置状态允许重试
+    throw err;
+  }
 }
 
 const scrollBottom = () => {
-    if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
-        // if (loadmoreRef?.value?.status == 'loading' || loadmoreRef?.value?.status == 'noMore') return;
-        loadmoreRef.value.change('loading');
-        stopScroll();
-        if (state.tabIndex === 'all') {
-            getJobRecommend();
-        } else {
-            getJobList();
-        }
+  if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
+    // if (loadmoreRef?.value?.status == 'loading' || loadmoreRef?.value?.status == 'noMore') return;
+    loadmoreRef.value.change("loading");
+    stopScroll();
+    if (state.tabIndex === "all") {
+      getJobRecommend();
+    } else {
+      getJobList();
     }
+  }
 };
 
 function stopScroll() {
-    scrollTop.value -= 100;
-    showScrollBottom.value = true;
-    setTimeout(() => {
-        showScrollBottom.value = false;
-    }, 400);
+  scrollTop.value -= 100;
+  showScrollBottom.value = true;
+  setTimeout(() => {
+    showScrollBottom.value = false;
+  }, 400);
 }
 
 function findJob(job) {
-    if (job.isBut) {
-        $api.msg('已确认');
-    } else {
-        list.value = list.value.map((item) => {
-            if (item.recommend && item.jobCategory === job.jobCategory) {
-                return {
-                    ...item,
-                    isBut: true,
-                };
-            }
-            return item;
-        });
-        const jobstr = job.jobCategory;
-        const jobsObj = {
-            地区: 'area',
-            岗位: 'jobTitle',
-            经验: 'experience',
+  if (job.isBut) {
+    $api.msg("已确认");
+  } else {
+    list.value = list.value.map((item) => {
+      if (item.recommend && item.jobCategory === job.jobCategory) {
+        return {
+          ...item,
+          isBut: true,
         };
-        const [name, value] = jobstr.split(':');
-        const nameAttr = jobsObj[name];
-        if (name === '岗位') {
-            conditionSearch.value[nameAttr] = value;
-        } else {
-            const valueAttr = oneDictData(nameAttr).filter((item) => item.label === value);
-            if (valueAttr.length) {
-                const val = valueAttr[0].value;
-                conditionSearch.value[nameAttr] = val;
-            }
-        }
+      }
+      return item;
+    });
+    const jobstr = job.jobCategory;
+    const jobsObj = {
+      地区: "area",
+      岗位: "jobTitle",
+      经验: "experience",
+    };
+    const [name, value] = jobstr.split(":");
+    const nameAttr = jobsObj[name];
+    if (name === "岗位") {
+      conditionSearch.value[nameAttr] = value;
+    } else {
+      const valueAttr = oneDictData(nameAttr).filter((item) => item.label === value);
+      if (valueAttr.length) {
+        const val = valueAttr[0].value;
+        conditionSearch.value[nameAttr] = val;
+      }
     }
+  }
 }
 
 function clearfindJob(job) {
-    if (job.isBut) {
-        $api.msg('已确认');
-    } else {
-        list.value = list.value.map((item) => {
-            if (item.recommend && item.jobCategory === job.jobCategory) {
-                return {
-                    ...item,
-                    isBut: true,
-                };
-            }
-            return item;
-        });
-        recommedIndexDb.deleteRecords(job);
-    }
+  if (job.isBut) {
+    $api.msg("已确认");
+  } else {
+    list.value = list.value.map((item) => {
+      if (item.recommend && item.jobCategory === job.jobCategory) {
+        return {
+          ...item,
+          isBut: true,
+        };
+      }
+      return item;
+    });
+    recommedIndexDb.deleteRecords(job);
+  }
 }
 
 function nextDetail(job) {
-    // 记录岗位类型，用作数据分析
-    if (job.jobCategory) {
-        const recordData = recommedIndexDb.JobParameter(job);
-        recommedIndexDb.addRecord(recordData);
-    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+  // 记录岗位类型，用作数据分析
+  if (job.jobCategory) {
+    const recordData = recommedIndexDb.JobParameter(job);
+    recommedIndexDb.addRecord(recordData);
+  }
+  navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function openFilter() {
-    showFilter.value = true;
-    emits('onShowTabbar', false);
-    selectFilterModel.value?.open({
-        title: '筛选',
-        maskClick: true,
-        success: (values) => {
-            pageState.search = {
-                ...pageState.search,
-            };
-            for (const [key, value] of Object.entries(values)) {
-                pageState.search[key] = value.join(',');
-            }
-            showFilter.value = false;
-            getJobList('refresh');
-        },
-        cancel: () => {
-            showFilter.value = false;
-            emits('onShowTabbar', true);
-        },
-    });
+  showFilter.value = true;
+  emits("onShowTabbar", false);
+  selectFilterModel.value?.open({
+    title: "筛选",
+    maskClick: true,
+    success: (values) => {
+      pageState.search = {
+        ...pageState.search,
+      };
+      for (const [key, value] of Object.entries(values)) {
+        pageState.search[key] = value.join(",");
+      }
+      showFilter.value = false;
+      getJobList("refresh");
+    },
+    cancel: () => {
+      showFilter.value = false;
+      emits("onShowTabbar", true);
+    },
+  });
 }
 
 function handleFilterConfirm(e) {
-    console.log(e);
+  console.log(e);
 }
 
 function choosePosition(index) {
-    state.tabIndex = index;
-    list.value = [];
-    if (index === 'all') {
-        pageState.search = {
-            order: pageState.search.order,
-        };
-        inputText.value = '';
-        getJobRecommend('refresh');
-    } else {
-        // const id = useUserStore().userInfo.jobTitleId.split(',')[index];
-        pageState.search.jobTitle = userInfo.value.jobTitle[index];
-        inputText.value = '';
-        getJobList('refresh');
-    }
+  state.tabIndex = index;
+  list.value = [];
+  if (index === "all") {
+    pageState.search = {
+      order: pageState.search.order,
+    };
+    inputText.value = "";
+    getJobRecommend("refresh");
+  } else {
+    // const id = useUserStore().userInfo.jobTitleId.split(',')[index];
+    pageState.search.jobTitle = userInfo.value.jobTitle[index];
+    inputText.value = "";
+    getJobList("refresh");
+  }
 }
 
 function handelHostestSearch(val) {
-    pageState.search.order = val.value;
-    if (state.tabIndex === 'all') {
-        getJobRecommend('refresh');
+  pageState.search.order = val.value;
+  if (state.tabIndex === "all") {
+    getJobRecommend("refresh");
+  } else {
+    getJobList("refresh");
+  }
+}
+
+function getJobRecommend(type = "add") {
+  if (type === "refresh") {
+    list.value = [];
+    if (waterfallsFlowRef.value) waterfallsFlowRef.value.refresh();
+  }
+  let params = {
+    pageSize: pageState.pageSize,
+    sessionId: useUserStore().seesionId,
+    ...pageState.search,
+    ...conditionSearch.value,
+  };
+  let comd = {
+    recommend: true,
+    jobCategory: "",
+    tip: "确认你的兴趣，为您推荐更多合适的岗位",
+  };
+  $api.createRequest("/app/job/recommend", params).then((resData) => {
+    const { data, total } = resData;
+    pageState.total = 0;
+    if (type === "add") {
+      // 记录系统
+      recommedIndexDb.getRecord().then((res) => {
+        if (res.length) {
+          // 数据分析系统
+          const resultData = recommedIndexDb.analyzer(res);
+          const { sort, result } = resultData;
+          // 岗位询问系统
+          const conditionCounts = Object.fromEntries(
+            sort.filter((item) => item[1] > 1) // 过滤掉次数为 1 的项
+          );
+          jobRecommender.updateConditions(conditionCounts);
+
+          const question = jobRecommender.getNextQuestion();
+
+          if (question) {
+            comd.jobCategory = question;
+            // 生成随机插入位置，排除前两个和最后两个位置
+            let insertIndex;
+            if (data.length <= 4) {
+              // 如果数据长度小于等于4，直接插入到中间位置
+              insertIndex = Math.floor(data.length / 2);
+            } else {
+              // 生成2到data.length-2之间的随机位置
+              insertIndex = Math.floor(Math.random() * (data.length - 4)) + 2;
+            }
+            data.splice(insertIndex, 0, comd);
+          }
+        }
+        const reslist = dataToImg(data);
+        list.value.push(...reslist);
+      });
     } else {
-        getJobList('refresh');
+      list.value = dataToImg(data);
     }
+    // 切换状态
+    if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
+      if (data.length < pageState.pageSize) {
+        loadmoreRef.value.change("noMore");
+      } else {
+        loadmoreRef.value.change("more");
+      }
+    }
+    // 当没有岗位，刷新sessionId重新啦
+    if (!data.length) {
+      useUserStore().initSeesionId();
+    }
+  });
 }
 
-function getJobRecommend(type = 'add') {
-    if (type === 'refresh') {
-        list.value = [];
-        if (waterfallsFlowRef.value) waterfallsFlowRef.value.refresh();
+function getJobList(type = "add") {
+  if (type === "add" && pageState.page < pageState.maxPage) {
+    pageState.page += 1;
+  }
+  if (type === "refresh") {
+    list.value = [];
+    pageState.page = 1;
+    pageState.maxPage = 2;
+    // waterfallsFlowRef.value.refresh();
+    if (waterfallsFlowRef.value) waterfallsFlowRef.value.refresh();
+  }
+  let params = {
+    current: pageState.page,
+    pageSize: pageState.pageSize,
+    ...pageState.search,
+    // ...conditionSearch.value,
+  };
+
+  $api.createRequest("/app/job/list", params).then((resData) => {
+    const { rows, total } = resData;
+    if (type === "add") {
+      const str = pageState.pageSize * (pageState.page - 1);
+      const end = list.value.length;
+      const reslist = dataToImg(rows);
+      list.value.splice(str, end, ...reslist);
+    } else {
+      list.value = dataToImg(rows);
     }
-    let params = {
-        pageSize: pageState.pageSize,
-        sessionId: useUserStore().seesionId,
-        ...pageState.search,
-        ...conditionSearch.value,
-    };
-    let comd = {
-        recommend: true,
-        jobCategory: '',
-        tip: '确认你的兴趣，为您推荐更多合适的岗位',
-    };
-    $api.createRequest('/app/job/recommend', params).then((resData) => {
-        const { data, total } = resData;
-        pageState.total = 0;
-        if (type === 'add') {
-            // 记录系统
-            recommedIndexDb.getRecord().then((res) => {
-                if (res.length) {
-                    // 数据分析系统
-                    const resultData = recommedIndexDb.analyzer(res);
-                    const { sort, result } = resultData;
-                    // 岗位询问系统
-                    const conditionCounts = Object.fromEntries(
-                        sort.filter((item) => item[1] > 1) // 过滤掉次数为 1 的项
-                    );
-                    jobRecommender.updateConditions(conditionCounts);
-
-                    const question = jobRecommender.getNextQuestion();
-
-                    if (question) {
-                        comd.jobCategory = question;
-                        // 生成随机插入位置，排除前两个和最后两个位置
-                        let insertIndex;
-                        if (data.length <= 4) {
-                            // 如果数据长度小于等于4，直接插入到中间位置
-                            insertIndex = Math.floor(data.length / 2);
-                        } else {
-                            // 生成2到data.length-2之间的随机位置
-                            insertIndex = Math.floor(Math.random() * (data.length - 4)) + 2;
-                        }
-                        data.splice(insertIndex, 0, comd);
-                    }
-                }
-                const reslist = dataToImg(data);
-                list.value.push(...reslist);
-            });
-        } else {
-            list.value = dataToImg(data);
-        }
-        // 切换状态
-        if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
-            if (data.length < pageState.pageSize) {
-                loadmoreRef.value.change('noMore');
-            } else {
-                loadmoreRef.value.change('more');
-            }
-        }
-        // 当没有岗位，刷新sessionId重新啦
-        if (!data.length) {
-            useUserStore().initSeesionId();
-        }
-    });
-}
-
-function getJobList(type = 'add') {
-    if (type === 'add' && pageState.page < pageState.maxPage) {
-        pageState.page += 1;
+    pageState.total = resData.total;
+    pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
+    // 切换状态
+    if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
+      if (rows.length < pageState.pageSize) {
+        loadmoreRef.value?.change("noMore");
+      } else {
+        loadmoreRef.value?.change("more");
+      }
     }
-    if (type === 'refresh') {
-        list.value = [];
-        pageState.page = 1;
-        pageState.maxPage = 2;
-        // waterfallsFlowRef.value.refresh();
-        if (waterfallsFlowRef.value) waterfallsFlowRef.value.refresh();
-    }
-    let params = {
-        current: pageState.page,
-        pageSize: pageState.pageSize,
-        ...pageState.search,
-        // ...conditionSearch.value,
-    };
-
-    $api.createRequest('/app/job/list', params).then((resData) => {
-        const { rows, total } = resData;
-        if (type === 'add') {
-            const str = pageState.pageSize * (pageState.page - 1);
-            const end = list.value.length;
-            const reslist = dataToImg(rows);
-            list.value.splice(str, end, ...reslist);
-        } else {
-            list.value = dataToImg(rows);
-        }
-        pageState.total = resData.total;
-        pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
-        // 切换状态
-        if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
-            if (rows.length < pageState.pageSize) {
-                loadmoreRef.value?.change('noMore');
-            } else {
-                loadmoreRef.value?.change('more');
-            }
-        }
-    });
+  });
 }
 
 function dataToImg(data) {
-    return data.map((item) => ({
-        ...item,
-        image: img,
-        hide: true,
-    }));
+  return data.map((item) => ({
+    ...item,
+    image: img,
+    hide: true,
+  }));
 }
 
 defineExpose({ loadData });
@@ -801,7 +720,6 @@ defineExpose({ loadData });
         .bg-text2
             width:100%;
     .search-input
-        flex:1
         margin-top:8%;
         margin-bottom:18%;
         display: flex
@@ -874,7 +792,11 @@ defineExpose({ loadData });
               margin-right:10rpx
           .box-r
               flex:1
+              overflow :hidden
               margin-left:10rpx
+              display:flex;
+              flex-direction:column
+              gap:20rpx
           .title
               font-family: Alibaba PuHuiTi;
               font-weight: 700;
@@ -899,7 +821,7 @@ defineExpose({ loadData });
               width:100%;
               height:100%
           .item1
-              height:272rpx;
+              height:100%;
               width:100%;
               border-radius: 20rpx;
               background: linear-gradient(127.66deg, #CDE4FF 6.44%, #EAFEFF 93.56%);
@@ -915,11 +837,10 @@ defineExpose({ loadData });
               .bg-img
                   position:absolute;
                   width:168rpx;
-                  height:166rpx;
                   right:16rpx;
                   bottom:12rpx;
           .item2
-              height:126rpx;
+              flex:0.5;
               width:100%;
               border-radius: 20rpx;
               box-sizing:border-box;
@@ -929,22 +850,19 @@ defineExpose({ loadData });
               .bg-img
                   position:absolute;
                   width:212rpx;
-                  height:148rpx;
                   right:-50rpx;
-                  bottom:8rpx;
+                  bottom:0rpx;
           .item3
-              height:126rpx;
+              flex:0.5;
               width:100%;
               border-radius: 20rpx;
               box-sizing:border-box;
               padding:26rpx 28rpx;
-              margin-top:20rpx;
               position :relative
               background: linear-gradient(100.72deg, #FFDBDB 1.79%, #FFF8F0 98.21%);
               .bg-img
                   position:absolute;
                   width:102rpx;
-                  height:92rpx;
                   right:0rpx;
                   bottom:44rpx;
       .tip
@@ -975,7 +893,7 @@ defineExpose({ loadData });
     z-index:1
     margin-top:20rpx;
 .match-card
-  width 100%;
+  width:100%;
   box-sizing:border-box;
   position relative;
   background: #ffffffE6;
@@ -994,7 +912,8 @@ defineExpose({ loadData });
     top:0;
   .match-item-container
     width:100%;
-    margin-top:30rpx;
+    height:480rpx;
+    margin-top:10rpx;
     position :relative;
     z-index:1
     .match-item-row
@@ -1071,13 +990,11 @@ defineExpose({ loadData });
         border-radius: 20rpx
         .img1
             width:180rpx;
-            height:122rpx;
             position: absolute;
             right:-20rpx;
             bottom:4rpx
         .img2
             width:148rpx;
-            height:148rpx;
             position: absolute;
             right:-20rpx;
             bottom:-10rpx;
@@ -1104,7 +1021,6 @@ defineExpose({ loadData });
       right:10rpx;
       bottom:50rpx;
       width:264rpx;
-      height:298rpx;
       z-index:6
     }
 }
@@ -1384,3 +1300,169 @@ defineExpose({ loadData });
     filter: grayscale(100%);
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+  .container-search {
+    .search-input {
+      height: 120rpx;
+      .icon {
+        width: 60rpx;
+        height: 60rpx;
+      }
+      .inpute {
+        font-size: 32rpx;
+      }
+    }
+  }
+  .bg-robot {
+    margin-top: -150rpx;
+  }
+  .ai-card-out {
+    margin-top: -100rpx;
+    .ai-card .ai-card-inner {
+      .title {
+        font-size: 40rpx;
+      }
+      .item-box {
+        height: 400rpx;
+        .title {
+          font-size: 42rpx;
+        }
+        .des {
+          font-size: 30rpx;
+        }
+        .item1 {
+          .bg-img {
+            width: 250rpx;
+          }
+        }
+        .item2 {
+          .bg-img {
+            width: 320rpx;
+            right: -70rpx;
+          }
+        }
+        .item3 {
+          .bg-img {
+            width: 160rpx;
+          }
+        }
+      }
+      .tip {
+        height: 100rpx;
+        .icon {
+          width: 50rpx;
+          height: 50rpx;
+        }
+        .text {
+          font-size: 32rpx;
+        }
+      }
+    }
+  }
+  .match-card-out {
+    .match-card {
+      .title {
+        font-size: 40rpx;
+      }
+    }
+    .match-item-container {
+      height: 650rpx;
+    }
+  }
+  .cards {
+    .card {
+      .card-title {
+        font-size: 40rpx;
+      }
+      .card-text {
+        font-size: 30rpx;
+      }
+      height: 270rpx;
+      .img1 {
+        width: 300rpx;
+      }
+      .img2 {
+        width: 240rpx;
+      }
+    }
+  }
+
+  .list-card {
+    .video-mask {
+      width: 400rpx;
+    }
+    .nav-filter {
+      .filter-top {
+        .add-icon {
+          width: 70rpx;
+          height: 70rpx;
+        }
+        .tab-scroll {
+          .jobs-left {
+            .job {
+              font-size: 40rpx;
+            }
+          }
+        }
+      }
+      .filter-bottom {
+        .btm-left {
+          .filterbtm {
+            font-size: 32rpx;
+            padding: 10rpx 40rpx;
+          }
+        }
+        .btm-right {
+          font-size: 32rpx;
+        }
+        .right-sx {
+          width: 20rpx;
+          height: 20rpx;
+        }
+      }
+    }
+    .table-list {
+      .falls-scroll {
+        .falls {
+          .item {
+            .falls-card {
+              .falls-card-title {
+                font-size: 36rpx;
+              }
+              .falls-card-pay {
+                .pay-text {
+                  ::v-deep .texts {
+                    .num {
+                      font-size: 50rpx;
+                    }
+                    .unit {
+                      font-size: 40rpx;
+                    }
+                    .gap {
+                      font-size: 40rpx;
+                    }
+                  }
+                }
+              }
+              .falls-card-education {
+                font-size: 28rpx;
+              }
+              .falls-card-experience {
+                font-size: 28rpx;
+              }
+              .falls-card-pepleNumber {
+                font-size: 28rpx;
+              }
+              .falls-card-company2 {
+                font-size: 28rpx;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/index/components/index-two.vue b/pages/index/components/index-two.vue
index d279260..fa696a5 100644
--- a/pages/index/components/index-two.vue
+++ b/pages/index/components/index-two.vue
@@ -1,84 +1,63 @@
 <template>
-    <view class="app-container">
-        <view class="nav-filter">
-            <view class="filter-top" @touchmove.stop.prevent>
-                <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
-                    <view class="jobs-left">
-                        <view
-                            class="job button-click"
-                            :class="{ active: state.tabIndex === 'all' }"
-                            @click="choosePosition('all')"
-                        >
-                            全部
-                        </view>
-                        <view
-                            class="job button-click"
-                            :class="{ active: state.tabIndex === index }"
-                            v-for="(item, index) in userInfo.jobTitle"
-                            :key="index"
-                            @click="choosePosition(index)"
-                        >
-                            {{ item }}
-                        </view>
-                    </view>
-                </scroll-view>
-                <view class="jobs-add button-click" @click="navTo('/pages/search/search')">
-                    <uni-icons class="iconsearch" color="#666D7F" type="search" size="18"></uni-icons>
-                    <text>搜索</text>
-                </view>
+  <view class="app-container">
+    <view class="nav-filter">
+      <view class="filter-top" @touchmove.stop.prevent>
+        <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
+          <view class="jobs-left">
+            <view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
+            <view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
+              {{ item }}
             </view>
+          </view>
+        </scroll-view>
+        <view class="jobs-add button-click" @click="navTo('/pages/search/search')">
+          <uni-icons class="iconsearch" color="#666D7F" type="search" size="18"></uni-icons>
+          <text>搜索</text>
         </view>
-        <view class="cards">
-            <scroll-view :scroll-y="true" class="tab-scroll" @scrolltolower="scrollBottom">
-                <view class="scroll-content">
-                    <custom-waterfalls-flow
-                        ref="waterfallsFlowRef"
-                        :column="columnCount"
-                        :columnSpace="columnSpace"
-                        :value="list"
-                    >
-                        <template v-slot:default="job">
-                            <view class="slot-item">
-                                <view class="job-image btn-feel" @click="nextVideo(job)">
-                                    <image class="cover-image" :src="job.cover" mode="aspectFill"></image>
-                                    <view class="cover-triangle"></view>
-                                </view>
-                                <view class="job-info" @click="nextDetail(job)">
-                                    <view class="salary">
-                                        <Salary-Expectation
-                                            :max-salary="job.maxSalary"
-                                            :min-salary="job.minSalary"
-                                            :is-month="true"
-                                        ></Salary-Expectation>
-                                        <image v-if="job.isHot" class="flame" src="/static/icon/flame.png"></image>
-                                    </view>
-                                    <view class="title">{{ job.jobTitle }}</view>
-                                    <view class="desc">
-                                        <image class="point3" src="/static/icon/point3.png"></image>
-                                        <!-- <uni-icons type="location" size="14"></uni-icons> -->
-                                        <view class="descText">{{ job.companyName }}</view>
-                                    </view>
-                                </view>
-                            </view>
-                        </template>
-                    </custom-waterfalls-flow>
-                    <loadmore ref="loadmoreRef"></loadmore>
-                </view>
-            </scroll-view>
-        </view>
+      </view>
     </view>
+    <view class="cards">
+      <scroll-view :scroll-y="true" class="tab-scroll" @scrolltolower="scrollBottom">
+        <view class="scroll-content">
+          <custom-waterfalls-flow ref="waterfallsFlowRef" :column="columnCount" :columnSpace="columnSpace" :value="list">
+            <template v-slot:default="job">
+              <view class="slot-item">
+                <view class="job-image btn-feel" @click="nextVideo(job)">
+                  <image class="cover-image" :src="job.cover" mode="aspectFill"></image>
+                  <view class="cover-triangle"></view>
+                </view>
+                <view class="job-info" @click="nextDetail(job)">
+                  <view class="salary">
+                    <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary" :is-month="true"></Salary-Expectation>
+                    <image v-if="job.isHot" class="flame" src="/static/icon/flame.png"></image>
+                  </view>
+                  <view class="title">{{ job.jobTitle }}</view>
+                  <view class="desc">
+                    <image class="point3" src="/static/icon/point3.png"></image>
+                    <!-- <uni-icons type="location" size="14"></uni-icons> -->
+                    <view class="descText">{{ job.companyName }}</view>
+                  </view>
+                </view>
+              </view>
+            </template>
+          </custom-waterfalls-flow>
+          <loadmore ref="loadmoreRef"></loadmore>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
-import { usePagination } from '@/hook/usePagination';
-const { $api, navTo } = inject('globalFunction');
-import { storeToRefs } from 'pinia';
-import useUserStore from '@/stores/useUserStore';
-import img from '@/static/icon/filter.png';
-import useLocationStore from '@/stores/useLocationStore';
-import { useColumnCount } from '@/hook/useColumnCount';
-import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
+import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from "vue";
+import { usePagination } from "@/hook/usePagination";
+const { $api, navTo } = inject("globalFunction");
+import { storeToRefs } from "pinia";
+import useUserStore from "@/stores/useUserStore";
+import img from "@/static/icon/filter.png";
+import useLocationStore from "@/stores/useLocationStore";
+import { useColumnCount } from "@/hook/useColumnCount";
+import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
 const recommedIndexDb = useRecommedIndexedDBStore();
 // status
 const { userInfo } = storeToRefs(useUserStore());
@@ -86,32 +65,38 @@ const isLoaded = ref(false);
 const waterfallsFlowRef = ref(null);
 const loadmoreRef = ref(null);
 const state = reactive({
-    tabIndex: 'all',
+  tabIndex: "all",
 });
 
 // 响应式搜索条件（可以被修改）
 const searchParams = ref({});
 const pageSize = ref(10);
-const { list, loading, refresh, loadMore,finished } = usePagination(
-    (params) => $api.createRequest('/app/job/littleVideo', params),
-    dataToImg, // 转换函数
-    {
-        pageSize: pageSize,
-        search: searchParams,
-        dataKey: 'data',
-        onBeforeRequest: () => {
-            loadmoreRef.value?.change('loading');
-        },
-    }
-);
-watch(()=>finished.value, (newVal) => {
-  if (newVal) {
-    // 确保瀑布流组件知道数据已加载完成
-    loadmoreRef.value?.change('noMore')
-  }else{
-    loadmoreRef.value?.change('more')
+const { list, loading, refresh, loadMore, finished } = usePagination(
+  (params) => $api.createRequest("/app/job/littleVideo", params),
+  dataToImg, // 转换函数
+  {
+    pageSize: pageSize,
+    search: searchParams,
+    dataKey: "data",
+    onBeforeRequest: () => {
+      if (!finished) {
+        loadmoreRef.value?.change("loading");
+      }
+    },
   }
-})
+);
+watch(
+  () => finished.value,
+  (newVal) => {
+    console.log(newVal,'+++++')
+    if (newVal) {
+      // 确保瀑布流组件知道数据已加载完成
+      loadmoreRef.value?.change("noMore");
+    } else {
+      loadmoreRef.value?.change("more");
+    }
+  }
+);
 
 // function imageloaded() {
 //     nextTick(() => {
@@ -125,61 +110,61 @@ watch(()=>finished.value, (newVal) => {
 // }
 
 const { columnCount, columnSpace } = useColumnCount(() => {
-    pageSize.value = 10 * (columnCount.value - 1);
-    nextTick(() => {
-        waterfallsFlowRef.value?.refresh?.();
-        useLocationStore().getLocation();
-    });
+  pageSize.value = 10 * (columnCount.value - 1);
+  nextTick(() => {
+    waterfallsFlowRef.value?.refresh?.();
+    useLocationStore().getLocation();
+  });
 });
 
 async function loadData() {
-    try {
-        if (isLoaded.value) return;
-        isLoaded.value = true;
-        refresh();
-    } catch (err) {
-        isLoaded.value = false; // 重置状态允许重试
-        throw err;
-    }
+  try {
+    if (isLoaded.value) return;
+    isLoaded.value = true;
+    refresh();
+  } catch (err) {
+    isLoaded.value = false; // 重置状态允许重试
+    throw err;
+  }
 }
 
 async function choosePosition(index) {
-    state.tabIndex = index;
-    if (index === 'all') {
-        searchParams.value.jobTitle = '';
-    } else {
-        searchParams.value.jobTitle = userInfo.value.jobTitle[index];
-    }
-    console.log(searchParams.value);
-    refresh('refresh');
-    waterfallsFlowRef.value.refresh();
+  state.tabIndex = index;
+  if (index === "all") {
+    searchParams.value.jobTitle = "";
+  } else {
+    searchParams.value.jobTitle = userInfo.value.jobTitle[index];
+  }
+  console.log(searchParams.value);
+  refresh("refresh");
+  waterfallsFlowRef.value.refresh();
 }
 
 function scrollBottom() {
-    loadMore();
+  loadMore();
 }
 
 function nextDetail(job) {
-    // 记录岗位类型，用作数据分析
-    if (job.jobCategory) {
-        const recordData = recommedIndexDb.JobParameter(job);
-        recommedIndexDb.addRecord(recordData);
-    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+  // 记录岗位类型，用作数据分析
+  if (job.jobCategory) {
+    const recordData = recommedIndexDb.JobParameter(job);
+    recommedIndexDb.addRecord(recordData);
+  }
+  navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function nextVideo(job) {
-    uni.setStorageSync(`job-Info`, job);
-    navTo(`/packageA/pages/tiktok/tiktok`);
+  uni.setStorageSync(`job-Info`, job);
+  navTo(`/packageA/pages/tiktok/tiktok`);
 }
 
 function dataToImg(data) {
-    return data.map((item) => ({
-        ...item,
-        // image: item.cover,
-        image: img,
-        hide: true,
-    }));
+  return data.map((item) => ({
+    ...item,
+    // image: item.cover,
+    image: img,
+    hide: true,
+  }));
 }
 
 defineExpose({ loadData });
@@ -345,3 +330,49 @@ defineExpose({ loadData });
             width: 26rpx
         }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+  .nav-filter {
+    padding: 30rpx 40rpx;
+    .filter-top {
+      .tab-scroll {
+        .jobs-left {
+          .job {
+            font-size: 36rpx;
+          }
+          .active {
+            font-size: 42rpx;
+          }
+        }
+      }
+      .jobs-add {
+        font-size: 36rpx;
+        .iconsearch {
+          font-size: 50rpx !important;
+        }
+      }
+    }
+  }
+  .slot-item{
+    .job-image{
+        height: 500rpx;
+    }
+    .salary{
+        font-size: 38rpx;
+    }
+    .title{
+        font-size: 40rpx;
+    }
+    .desc{
+        .point3{
+            width: 40rpx;
+            height:40rpx ;
+        }
+        .descText{
+            font-size: 32rpx;
+        }
+    }
+  }
+}
+</style>
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 578c658..d21c23c 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -492,3 +492,52 @@ function complete() {
         text-align: center;
         line-height: 90rpx
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .content-one{
+     .content-title{
+        .title-lf{
+            font-size: 50rpx;
+            .lf-text{
+                margin-top: 10rpx;
+                font-size: 34rpx;
+            }
+        }
+        .title-ri{
+            font-size: 50rpx;
+        }
+     }
+     .content-input{
+         .input-titile{
+            font-size: 36rpx;
+         }
+         .input-con{
+            font-size: 36rpx;
+            padding-bottom: 20rpx;
+            &::before{
+                width: 5rpx;
+                height: 28rpx;
+            }
+            &::after{
+                width: 5rpx;
+                height: 28rpx;
+            }
+         }
+     }
+     .content-sex{
+         .sex-titile{
+            font-size: 36rpx;
+         }
+         .sext-ri{
+             .sext-box{
+                font-size: 36rpx;
+             }
+         }
+     }
+     .next-btn{
+        font-size: 38rpx;
+     }
+   }
+}
+</style>
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 186dea1..4342003 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -62,7 +62,7 @@
                         <text class="left-text">素质测评</text>
                     </view>
                     <view class="row-right">
-                        <uni-icons color="#909090" type="right" size="14"></uni-icons>
+                        <uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
                     </view>
                 </view>
                 <view class="main-row btn-feel">
@@ -71,7 +71,7 @@
                         <text class="left-text">AI面试</text>
                     </view>
                     <view class="row-right">
-                        <uni-icons color="#909090" type="right" size="14"></uni-icons>
+                        <uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
                     </view>
                 </view>
                 <view class="main-row btn-feel">
@@ -318,3 +318,89 @@ function chooseFileUploadTest(pam) {}
     background: #A2A2A2;
     transform: rotate(45deg)
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .mine-userinfo{
+    &::before{
+        width: 6rpx;
+        height: 50rpx;
+    }
+    &::after{
+        width: 6rpx;
+        height: 50rpx;
+        top: calc(50% + 6rpx);
+    }
+     .userindo-head{
+        width: 150rpx;
+        height: 150rpx;
+     }
+     .userinfo-ls{
+         .userinfo-ls-name{
+            font-size: 55rpx;
+         }
+         .userinfo-ls-resume{
+            font-size: 38rpx;
+         }
+     }
+   }
+   .mini-number{
+     .numbe-item{
+         .mini-num{
+            font-size: 70rpx;
+         }
+         .mini-text{
+            font-size: 40rpx;
+         }
+     }
+   }
+    .mini-cards{
+        .card-top{
+            padding: 60rpx 40rpx;
+            .top-title{
+                font-size: 50rpx;
+            }
+            .top-subTitle{
+                font-size: 40rpx;
+            }
+            .top-btn{
+                top: 85rpx;
+                font-size: 40rpx;
+                width: 200rpx;
+                height: 80rpx;
+                line-height: 80rpx;
+            }
+        }
+        .card-main{
+            padding: 40rpx;
+            .main-title{
+                font-size: 40rpx;
+            }
+            .main-row{
+                .row-left{
+                    .left-img{
+                        width: 70rpx;
+                        height: 70rpx;
+                        margin-right: 30rpx;
+                    }
+                    .left-text{
+                        font-size: 36rpx;
+                    }
+                }
+                .row-right{
+                    font-size: 34rpx;
+                    .icon{
+                        font-size: 40rpx !important;
+                    }
+                }
+            }
+        }
+        .card-back{
+            height: 120rpx;
+            line-height: 120rpx;
+            font-size: 40rpx;
+        }
+        
+    }
+}
+</style>
diff --git a/pages/msglog/msglog.vue b/pages/msglog/msglog.vue
index e2a6b55..7837aa4 100644
--- a/pages/msglog/msglog.vue
+++ b/pages/msglog/msglog.vue
@@ -244,3 +244,22 @@ function changeSwiperMsgType(e) {
         display: flex;
         flex-direction: column;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .app-container{
+        .container-header{
+            padding: 40rpx 44rpx 36rpx 50rpx;
+            .header-btnLf{
+                font-size: 42rpx;
+                width: 250rpx;
+            }
+            .active{
+                font-size: 46rpx;
+            }
+        }
+   }
+}
+</style>
+
diff --git a/pages/msglog/read.vue b/pages/msglog/read.vue
index cd8a23b..45ce134 100644
--- a/pages/msglog/read.vue
+++ b/pages/msglog/read.vue
@@ -150,3 +150,26 @@ defineExpose({ loadData });
             color: #6C7282;
             margin-top: 4rpx;
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .list-card{
+    padding: 40rpx;
+    .card-img{
+        width: 120rpx;
+        height: 120rpx;
+    }
+     .card-info{
+         .info-title{
+            font-size: 38rpx;
+            .card-time{
+                font-size: 36rpx;
+            }
+         }
+         .info-text{
+            font-size: 32rpx;
+         }
+     }
+   }
+}
+</style>
\ No newline at end of file
diff --git a/pages/msglog/unread.vue b/pages/msglog/unread.vue
index 806770d..4fec96a 100644
--- a/pages/msglog/unread.vue
+++ b/pages/msglog/unread.vue
@@ -136,3 +136,25 @@ defineExpose({ loadData });
             color: #6C7282;
             margin-top: 4rpx;
 </style>
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .list-card{
+    padding: 40rpx;
+    .card-img{
+        width: 120rpx;
+        height: 120rpx;
+    }
+     .card-info{
+         .info-title{
+            font-size: 38rpx;
+            .card-time{
+                font-size: 36rpx;
+            }
+         }
+         .info-text{
+            font-size: 32rpx;
+         }
+     }
+   }
+}
+</style>
\ No newline at end of file
diff --git a/pages/search/search.vue b/pages/search/search.vue
index 513227f..fe92934 100644
--- a/pages/search/search.vue
+++ b/pages/search/search.vue
@@ -68,7 +68,7 @@
             <view class="content-top">
                 <view class="top-left">历史搜索</view>
                 <view class="top-right button-click" @click="remove">
-                    <uni-icons type="trash" color="#C1C1C1" size="20"></uni-icons>
+                    <uni-icons class="delete" type="trash" color="#C1C1C1" size="20"></uni-icons>
                 </view>
             </view>
             <view class="content-history">
@@ -459,3 +459,81 @@ function dataToImg(data) {
         color: #6C7282;
         margin-top: 6rpx;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .container{
+        .top{
+            .btnback{
+                width: 80rpx;
+                height: 80rpx;
+            }
+            .search-box{
+                .iconsearch{
+                    font-size: 50rpx !important;
+                }
+                .inputed{
+                    font-size: 40rpx;
+                    padding-left: 100rpx;
+                    height: 120rpx;
+                }
+                .inputplace{
+                    font-size: 40rpx;
+                }
+            }
+            .search-btn{
+                font-size: 40rpx;
+            }
+            
+        }
+        .view-top{
+            padding: 10rpx 0;
+            .top-item{
+                font-size: 36rpx;
+                &::after{
+                    width: 40rpx;
+                    height: 8rpx;
+                    left: calc(50% - 20rpx);
+                }
+            }
+            .active{
+                font-size: 38rpx;
+            }
+        }
+        .main-content{
+            .content-top{
+                .top-left{
+                    font-size: 40rpx;
+                }
+                .top-right{
+                    .delete{
+                        font-size: 60rpx !important;
+                    }
+                }
+            }
+        }
+    }
+    .slot-item{
+        .job-image{
+            height: 500rpx;
+        }
+        .salary{
+            font-size: 38rpx;
+        }
+        .title{
+            font-size: 40rpx;
+        }
+        .desc{
+            font-size: 32rpx;
+            .point3{
+                width: 40rpx;
+                height:40rpx ;
+            }
+            .descText{
+                font-size: 32rpx;
+            }
+        }
+    }
+}
+</style>
diff --git a/static/icon/item-bg-img1.png b/static/icon/item-bg-img1.png
index be4b0b8..69bc8f9 100644
Binary files a/static/icon/item-bg-img1.png and b/static/icon/item-bg-img1.png differ
diff --git a/static/icon/item-bg-img2.png b/static/icon/item-bg-img2.png
index a1b4c3b..eaf5bfd 100644
Binary files a/static/icon/item-bg-img2.png and b/static/icon/item-bg-img2.png differ
diff --git a/static/icon/item-bg-img3.png b/static/icon/item-bg-img3.png
index 2e017a9..8703170 100644
Binary files a/static/icon/item-bg-img3.png and b/static/icon/item-bg-img3.png differ
diff --git a/static/icon/work-img1.png b/static/icon/work-img1.png
index e2dc516..dcf4df3 100644
Binary files a/static/icon/work-img1.png and b/static/icon/work-img1.png differ
diff --git a/static/icon/work-img2.png b/static/icon/work-img2.png
index 726b980..908df22 100644
Binary files a/static/icon/work-img2.png and b/static/icon/work-img2.png differ
diff --git a/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue b/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue
index aa43c55..e598dc6 100644
--- a/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue
+++ b/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue
@@ -36,12 +36,12 @@
 
 <script>
 	let platform
-	setTimeout(() => {
-		// #ifdef MP-WEIXIN
-		platform = uni.getDeviceInfo().platform
-		// #endif
-		// #ifndef MP-WEIXIN
-		platform = uni.getSystemInfoSync().platform
+	setTimeout(() => {
+		// #ifdef MP-WEIXIN
+		platform = uni.getDeviceInfo().platform
+		// #endif
+		// #ifndef MP-WEIXIN
+		platform = uni.getSystemInfoSync().platform
 		// #endif
 	}, 16)
 
@@ -105,10 +105,10 @@
 						contentnomore: ''
 					}
 				}
-			},
-			showText: {
-				type: Boolean,
-				default: true
+			},
+			showText: {
+				type: Boolean,
+				default: true
 			}
 		},
 		data() {
@@ -118,10 +118,10 @@
 				imgBase64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlBMzU3OTlEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzlBMzU3OUFEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUEzNTc5N0Q5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUEzNTc5OEQ5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt+ALSwAAA6CSURBVHja1FsLkFZVHb98LM+F5bHL8khA1iSeiyQBCRM+YGqKUnnJTDLGI0BGZlKDIU2MMglUiDApEZvSsZnQtBRJtKwQNKQMFYeRDR10WOLd8ljYXdh+v8v5fR3Od+797t1dnOnO/Ofce77z+J//+b/P+ZqtXbs2sJ9MJhNUV1cHJ06cCJo3bx7EPc2aNcvpy7pWrVoF+/fvDyoqKoI2bdoE9fX1F7TjN8a+EXBn/fkfvw942Tf+wYMHg9mzZwfjxo0LDhw4EPa1x2MbFw/fOGfPng1qa2tzcCkILsLDydq2bRsunpOTMM7TD/W/tZDZhPdeKD+yGxHhdu3aBV27dg3OnDlzMVANMheLAO3btw8KCwuDmpoaX5OxbgUIMEq7K8IcPnw4KCsrC/r37x8cP378/4cAXAB3vqSkJMuiDhTkw+XcuXNhOWbMmKBly5YhUT8xArhyFvP0BfwRsAuwxJZJsm/nzp2DTp06he/OU+cZ64K6o0ePBkOHDg2GDx8e6gEbJ5Q/NHNuAJQ1hgBeHUDlR7nVTkY8rQAvAi4z34vR/mPs1FoRsaCgIJThI0eOBC1atEiFGGV+5MiRoS45efJkqFjJFXV1dQuA012m2WcwTw98fy6CqBdsaiIO4CScrGPHjvk4odhavPquRtFWXEC25VgkREKOCh/qDSq+vn37htzD/mZTOmOc5U7zKzBPEedygWshcDyWvs30igAbU+6oyMgJBCFhwQE0fccxN60Ay9iebbjoDh06hMowjQxT4fXq1SskArmHZpkArvixp/kWzHdMeArExSJEaiXIjjRjRJ4DaAGWpibLzXN3Fm1vA5teBgh3j1Rv3bp1YgKwPdmf2p9zcyNYYgPKMfY0T5f5nNYdw158nJ8QawW4CLKwiOBSEgO/hok2eBydR+3dYH+PLxA5J8Vv0KBBwenTp0P2JWAx6+yFEBfs8lMY+y0SWMBNI9E4ThKi58VKTg3FQZS1RQF1cz27eC0QHMu+3E0SkUowjhVt5VdaWhp07949ZHv2Qd1EjDXM2cla1M0nl3GxAs3J9yREzyTdFVKVFOaE9qRA8GM0WebRuo9JGZKA7Mv2SeS/Z8+eoQ9BArMfFrLGo6jvxbhHbJZnKX2Rzz1O7QhJJ9Cs2ZMaWIyq/zhdeqPNfIoHd58clIQD+JSXl4dKlyIAuBdVXZwFVWKspSSoxE++h8x4k3uCnEhE4I5KwRiFWGOU0QWKiCYLbdoRMRKAu2kQ9vkfLU6dOhX06NEjlH+yMRZSinnuyWnYosVcji8CEA/6Cg2JF+IIUBqnGKUTCNwtwBN4f89RiK1R96DEgO2o0NDmtEdvVFdVVYV+P3UAPUEs6GFwV3PHmXkD4vh74iDFJysVI/MlaQhwKeBNTLYX5VuA8T4/gZxA4MRGFxDB6R7OmYPfyykGRJbyie+XnGYnQIC/coH9+vULiYrxrkL9ZA9+0ykaHIfEpM7ge8TiJ2CsHYwyMfafAF1yCGBHYIbCVDjDjKt7BeB51D+LgQa6OkG7IDYEEtvQ7lnXLKLtLdLuJBpE4gPUXcW2+PkZwOex+4cGDhwYDBkyRL7/HFcEwUGPo/8uWRUpYnfxGHco8HkewLHLyYmAawAPuIFZxhOpDfJQ8gbUv41yORAptMWBNr6oqMhWird5+u+iHmBb2nhjDV7HWBNQTgK8y11l5NetWzc5ULscAtSj7nbNI0skhWeUZCc0W4nyH/jO4Vz0u1IeYhbk4AiwM6tjxIWByHsoZ9qcIBPJd/y+DwPfBESOmCa/QF3WiZHucLlEDpNxcNhmheEOPgdQNx6/VZFQzFZ5TN08AHXQt2Ii3EdyFuUsPtTcGPhW5iMiCNELvz+Gdn9huG4HUJaW/w3g0wxV0XaG7arG2WeKiUWYM4Y7GO5ezshTARbbWGw/DvXkpp/ivVvE0JVoMxN4rpGzJMhE5Pl+xlATsDIqikP9F9D2z3h9nOksEUFhK+qO4rcPkoalMQ/HqJLIyb3F3JdjrCcw1yZ8joyJLR5gCo54etlag7qIoeNh1N1BRYj3DTFJ0elotxPlVzkGuYAmL0VSJVGAJA41c4Z6A3BzTLfn0HYwYKEI6CUAMzZEWvLsIcQOo1AmmyyM72nHJCfYsogflGV6jEk9vyQZXSuq6w4c16NsGcGZbwOPr+H1RkOk2LEzjNepxQkihHSCQ4ynAYNRx2zMKV92CQMWqj8J0BRE8EShxRFN6YrfCRhC0x3r/Zm4IbQCcmJoV0kMamllccR6FjHqUC5F2R/wS2dcymOlfAKOS4KmzQb5cpNC2MC7JhVn5wjXoJ44rYhLh8n0eXOCorJxa7POjbSlCGVczr34/RsAmrcvo9s+wGp3tzVhntxiXiJ4nvEYb4FJkf0O8HocAePmLvCxnL0AORraVekJk6TYjDabRVXfRE2lCN1h6ZQRN1+InUbsCpKwoBZHh0dODN9JBCUffItXxEavTQkUtnfTVAplCWL3JISz29h4NjotnuSsQKJCk8dF+kJR6RARjrqFVmfPnj3ZbK8cIJ0msd6jgHPGtfVTQ8VLmlvh4mct9sobRmPic0DyDQQnx/NlfYUgyz59+oScsH379pAwXABD32nTpoUHIToESeI5mnbE/UqDdyLcafEBf2MCqgC7NwxIbMREJQ0g4D4sfJwnD+AmRrII05cfMWJE+L1169bQr+fip06dGp4oJ83lmYd5wj/EmMa4TaHivo4EeCguYZBnkB5g2aWA69OIEnUHOaGysjIYMGBAMGnSpODYsWPZwCpFmm4lNq+4gSLQA7jcX8DwtjEyRC8wjabnXEx9kfWnTJkSJkAo90xpJVV+FmcVNeYAF5zWngS4C4O91MBxmAv8blLEpbjI5sz9MTdAhcgkCT1RO8mZkAjfiYpTEvStAS53Uw1vAiUGgZ3GpuQEYvoiBqlIan7kSDHnTwJQFNiPu0+5VxCVYhcZIjNrdXUDdp+Eq5AZ3Gkg8QAyVZRZIk4Tl4QAbF9cXJxNYZMAtAokgs4BrNxEpCtteXg7DDTMDKYNSuQdKsnJBek7HxewvxaosWxLYXtw+cJp18217wql4aKCfBNoEu0O5VU+PhctJ0YeXD4C6JQpyrlpSLTojpGGGN5YwNziChdIZLk4lvLcFJ9jMX3QdiImY9bmGQU+TRUL5CHITTRlgF8D9ouD1MfmLoEPl5xokIumZ2cfgMpHt47IW9N64Hsh7wQYYjyIugWuF5fCqYncXRd5vPMWyizzvhi/32+nvG0dZc9vR6fZOu0md5e+uC408FvKSIOZwXlGvxPv95izA2Vtvg1xKFWARI+vMX66HUhpQQb643uW1bSjuTWyw2SBvDrBvjFic1eGGlz5esq3ko9uSIlBRqPuFcCv8F4WIcN12nVaBd0SaYwI6PDDImR11JkqgHcPmQssjxIn6bUshygDFJUTxPMpHk+jfjPgupgdnYV2R/g7xSjtpah8RJBewhwf0gGK6XI92u4wXFEU40afJ4DN4h5LcAd+40HI3JgJecuT0c062W0i2hQJUTcxan3/CMW1PF2K6bbA+Daz4xRs1D3Br1Cm0OihKCqizW78/nXAF/G5TXrEcVzaNMH6CyMswqsAHqDyDLEyou8lwOXnKF8DjI6KjV3KzMBiXkDH8ij/H214J5A596ekrZ3F0zXlWeL7+P5eUrNo3/QwC15uxthuzidy7DzKRwEDaAViiDgKbTbz7CJnzo0bN7pIfIiid8SuPwn25o3QCmpnyjlZkyxPP8EomCJzrGb7GJMx7tNsq4MT2xMUYaiErZOluTzKsnz3gwCeCZyVRZJfYplNEokEjwrPtxlxjeYAk+F1F74VAzPxQRNYYdtpOUvWs8J1sGhBJMNsb7igN8plJs1eSmLIhLKE4rvaCX27gOhLpLOsIzJ7qn/i+wZzcvSOZ23/du8TZjwV8zHIXoP4R3ifBxiFz1dcVpa3aPntPE+c6TmIWE9EtcMmAcPdWAhYhAXxcLOQi9L1WhD1Sc8p1d2oL7XGiRKp8F4A2i8K/nfI+y/gsTDJ/YC/8+AD5Uh04KHiGl+cIFPnBDDrPMjwRGkLXyxO4VGbfQWnDH2v0bVWE3C9QOXlepbgjEfIJQI6XDG3z5ahD9cw2pS78ipB85wyScNTvsVzlzzhL8/jRrnmVjfFJK/m3m4nj9vbgQTguT8XZTjsm672R5uJKEaQmBI/c58gyus8ZDagLpEVSJBIyHp4jn++xqPV71OgQgJYEWOtZ/haxRtKmWOBu8xdBLftWltsY84zE6WIEy/eIOWL+BaayMx+KHtL7EAkqdNDLiEXmEMUHniedtJqg9HmZtfvt26vNi0BdG3Ft3g8ZOf7PAu59TxtzivLNIekyi+wD1i8CuUiD9FXAa8C+/xS3JPmZnomyc7H+fb4/Se0bk41Fel621r4cgVxbq91V4jVqwB7HTe2M7jgB+QWHavZkDRPmZcASoZEmBx6i75bGjPcMdL4/VKGFAGWZkGzPG0XAbdL9A81G5LOmUnC9hHKJeO7dcUMjblSl12867ElFTtaGl20xvvLGPdVz/8TVuU7y0x1PG7vtNg24oz9Uo/Z412++VFWI7Fcog9tu9Lm6gvRmIPv9x1xmQAu6RDkXtbOtlGEmpgD5Nvnyc0dcv0EE6cfdi1HmhMf9wDF3k3gtRvEedhxjpgfqPb9PU9iEJHnyOUA7bQUXh6kq/D7l2iTjWv7XOD530BDr8jIrus+srXjt4MzumJMHuTsBa63YKE1+RR5lBjEikCCnWKWiHdzOgKO+nRIBAF88za/IFmJ3eMZov4CYxGBabcpGL8EYx+SeMXJeRwHNsV/h+vdxeuhEpN3ZyNY78Gm2fknJxVGhyjixPiQvVkNzT1elD9Py/aTAL64Hb9vcYmC9zfdXdT/C1LeGbg4rnBaAihDFJH12W5ulfNCNe/xTsP3bp8ikzJs5BF+5PNfAQYAPaseTdsEcaYAAAAASUVORK5CYII='
 			}
 		},
-		computed: {
+		computed: {
 			iconSnowWidth() {
 				return (Math.floor(this.iconSize / 24) || 1) * 2
-			},
+			},
 			contentdownText() {
 				return this.contentText.contentdown || t("uni-load-more.contentdown")
 			},
@@ -169,7 +169,7 @@
 	}
 
 	.uni-load-more__text {
-		font-size: 14px;
+		font-size: 14px;
 		margin-left: 8px;
 	}
 
@@ -402,3 +402,16 @@
 
 	/* #endif */
 </style>
+
+<style lang="scss">
+@media (min-width: 800px) {
+  .uni-load-more__text {
+    font-size: 18px !important;
+  }
+  .uni-load-more__img {
+    width: 30px !important;
+    height: 30px !important;
+  }
+}
+</style>
+