style

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 '不限人数'

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>

components/DatePicker/DatePicker.vue

@@ -325,3 +325,20 @@ export default {
     }
 }
 </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>
+

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>
+
+
+

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>
+

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>

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>
                         个
@@ -131,3 +131,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>

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>

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>
+

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>
+

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>

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>
+

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>

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>
+
+

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>
+
+
+

components/selectPopup/selectPopup.vue

@@ -231,3 +231,4 @@ export default {
     }
 }
 </style>
+

packageA/pages/Intendedposition/Intendedposition.vue

@@ -81,3 +81,5 @@ function getJobList(type = 'add') {
     position: relative;
 }
 </style>
+<style lang="scss" scoped>
+</style>

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>

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>

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>

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>

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>
+
+

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>
+
+

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.setFontSize(12 * ratio);
-        ctx.font = 'bold 12px sans-serif';
+        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>

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>

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>

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>

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>

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>

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>

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>

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>
+
+

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>

pages/index/components/AIMatch.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script setup>
-import { onMounted, onUnmounted, ref, nextTick } from 'vue';
+import { onMounted, onUnmounted, ref, nextTick } from "vue";
-const emit = defineEmits(['tag-click']);
+const emit = defineEmits(["tag-click"]);
 
 // DOM Ref
 const pixiContainerRef = ref(null);
@@ -16,9 +16,9 @@ let activeTagInstances = [];
 
 // 配置数据
 const mockTags = [
-    { name: '医生', bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
+  { name: "医生", bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
   {
-        name: '工程师',
+    name: "工程师",
     bgColor: 0x87e2ec,
     fontColor: 0xffffff,
     size: 14,
@@ -28,7 +28,7 @@ const mockTags = [
     tailRotation: Math.PI / 2,
   },
   {
-        name: '建筑师',
+    name: "建筑师",
     bgColor: 0xffebeb,
     tailColor: 0xffe1e1,
     fontColor: 0xff6969,
@@ -39,7 +39,7 @@ const mockTags = [
     tailRotation: (3 * Math.PI) / 4,
   },
   {
-        name: '律师',
+    name: "律师",
     bgColor: 0x21ea85,
     fontColor: 0xffffff,
     size: 15,
@@ -49,7 +49,7 @@ const mockTags = [
     tailRotation: (3 * Math.PI) / 4,
   },
   {
-        name: '记者',
+    name: "记者",
     bgColor: 0xebf3ff,
     tailColor: 0xb9d3ff,
     fontColor: 0x1d71ef,
@@ -60,7 +60,7 @@ const mockTags = [
     tailRotation: (3 * Math.PI) / 3.4,
   },
   {
-        name: '程序员',
+    name: "程序员",
     bgColor: 0xffd4b6,
     fontColor: 0xffffff,
     size: 14,
@@ -70,7 +70,7 @@ const mockTags = [
     tailRotation: (5 * Math.PI) / 4,
   },
   {
-        name: '摄影师',
+    name: "摄影师",
     bgColor: 0xd8e5fe,
     tailColor: 0xb9d3ff,
     fontColor: 0x1d71ef,
@@ -81,7 +81,7 @@ const mockTags = [
     tailRotation: (3 * Math.PI) / 2,
   },
   {
-        name: '设计师',
+    name: "设计师",
     bgColor: 0xff9400,
     fontColor: 0xffffff,
     size: 14,
@@ -91,7 +91,7 @@ const mockTags = [
     tailRotation: (7 * Math.PI) / 4,
   },
   {
-        name: '心理咨询师',
+    name: "心理咨询师",
     bgColor: 0xebf3ff,
     tailColor: 0xb9d3ff,
     fontColor: 0x1d71ef,
@@ -99,10 +99,10 @@ const mockTags = [
     opacity: 1,
     angle: (5.4 * Math.PI) / 6,
     radius: 110,
-        tailRotation:(3 *  Math.PI) /1.78,
+    tailRotation: (3 * Math.PI) / 1.78,
   },
   {
-        name: '护士',
+    name: "护士",
     bgColor: 0xff6969,
     fontColor: 0xffffff,
     size: 15,
@@ -112,7 +112,7 @@ const mockTags = [
     tailRotation: Math.PI / 4,
   },
   {
-        name: '会计',
+    name: "会计",
     bgColor: 0xfce9c9,
     fontColor: 0xfbc55f,
     size: 13,
@@ -128,11 +128,11 @@ onMounted(async () => {
   setTimeout(() => {
     initPixi();
   }, 100);
-    window.addEventListener('resize', handleResize);
+  window.addEventListener("resize", handleResize);
 });
 
 onUnmounted(() => {
-    window.removeEventListener('resize', handleResize);
+  window.removeEventListener("resize", handleResize);
   if (app) {
     app.destroy(true, { children: true, texture: true, baseTexture: true });
     app = null;
@@ -141,7 +141,7 @@ onUnmounted(() => {
 
 const getContainerDOM = () => {
   const refVal = pixiContainerRef.value;
-    if (!refVal) return document.getElementById('pixi-box');
+  if (!refVal) return document.getElementById("pixi-box");
   if (refVal.$el) return refVal.$el;
   return refVal;
 };
@@ -166,7 +166,7 @@ const initPixi = () => {
     resolution: window.devicePixelRatio || 1,
     autoDensity: true,
   });
-    app.view.style.touchAction = 'auto';
+  app.view.style.touchAction = "auto";
 
   container.appendChild(app.view);
 
@@ -177,19 +177,18 @@ const initPixi = () => {
 };
 
 const renderScene = (sw, sh) => {
+  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 * (scaleFactor < 1 ? 1 : scaleFactor * 0.8);
+    const scaledRadius = data.radius * ratio;
 
     let x = sw / 2 + scaledRadius * Math.cos(data.angle);
     let y = sh / 2 + scaledRadius * Math.sin(data.angle);
 
-        const tag = createTag(data, index);
+    const tag = createTag(data, index, ratio);
 
     tagsContainer.addChild(tag);
 
@@ -216,7 +215,7 @@ const renderScene = (sw, sh) => {
     };
 
     if (data.radius > 0) {
-            const tail = createCometTail( data.tailColor || data.bgColor, data.tailRotation, tag.width);
+      const tail = createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width, ratio);
       tag.addChildAt(tail, 0);
       tag.updateTail = () => tail.updateAnim();
     }
@@ -227,7 +226,6 @@ const renderScene = (sw, sh) => {
   // 动画循环
   app.ticker.add(() => {
     const screenH = app.screen.height;
-
     activeTagInstances.forEach((tag) => {
       const meta = tag.userData;
       if (meta) {
@@ -247,24 +245,25 @@ const renderScene = (sw, sh) => {
   });
 };
 
-const createTag = (tagData, index) => {
+const createTag = (tagData, index, ratio) => {
+  if (ratio > 1) ratio = ratio * 0.9;
   const tagGroup = new PIXI.Container();
-    tagGroup.eventMode = 'static';
+  tagGroup.eventMode = "static";
-    tagGroup.cursor = 'pointer';
+  tagGroup.cursor = "pointer";
 
-    tagGroup.on('pointertap', () => emit('tag-click', tagData));
+  tagGroup.on("pointertap", () => emit("tag-click", tagData));
 
   const text = new PIXI.Text(tagData.name, {
-        fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
+    fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
-        fontSize: tagData.size,
+    fontSize: tagData.size * ratio,
     fill: tagData.fontColor,
-        padding: 4,
+    padding: 4 * ratio,
     resolution: 2,
   });
   text.anchor.set(0.5);
 
-    const paddingH = 26;
+  const paddingH = 26 * ratio;
-    const paddingV = 10;
+  const paddingV = 10 * ratio;
   let bgWidth = text.width + paddingH;
   let bgHeight = text.height + paddingV;
 
@@ -281,14 +280,15 @@ const createTag = (tagData, index) => {
   return tagGroup;
 };
 
-const createCometTail = (bgColor, tailRotation, parentWidth) => {
+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;
+  const baseLength = 45 * ratio;
   const startWidth = parentWidth * 0.6;
-    const endWidth = 20;
+  const endWidth = 20 * ratio;
 
   let breathPhase = Math.random() * Math.PI * 2;
   const breathSpeed = 0.04;
@@ -363,7 +363,7 @@ const handleResize = () => {
 <style scoped>
 .container {
   width: 100%;
-    height: 500rpx;
+  height: 100%;
   position: relative;
   overflow: hidden;
   color: #b9d3ff;

pages/index/components/index-refactor.vue

@@ -1,11 +1,5 @@
 <template>
-    <scroll-view
+  <scroll-view :scroll-y="true" class="app-container" :scroll-top="scrollTop" @scroll="checkStickyStatus" @scrolltolower="scrollBottom">
-        :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>
@@ -31,7 +25,7 @@
                   <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>
+                  <image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img1.png"></image>
                 </view>
               </view>
               <view class="box-r">
@@ -39,13 +33,13 @@
                   <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>
+                  <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" src="@/static/icon/item-bg-img3.png"></image>
+                  <image class="bg-img" mode="widthFix" src="@/static/icon/item-bg-img3.png"></image>
                 </view>
               </view>
             </view>
@@ -70,64 +64,38 @@
         <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" />
+          <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" src="@/static/icon/work-img2.png" />
+          <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" src="@/static/icon/video-mask.png" />
+      <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
+              <view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
-                                class="job button-click"
+              <view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
-                                :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
+          <image @click="navTo('/packageA/pages/addPosition/addPosition')" class="add-icon button-click" src="@/static/icon/add-circle.png"></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
+            <view class="button-click filterbtm" :class="{ active: pageState.search.order === item.value }" v-for="item in rangeOptions" @click="handelHostestSearch(item)" :key="item.value">
-                            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
+            <image class="right-sx" :class="{ active: showFilter }" src="@/static/icon/polygon-down.png"></image>
-                            class="right-sx"
-                            :class="{ active: showFilter }"
-                            src="@/static/icon/polygon-down.png"
-                        ></image>
           </view>
         </view>
       </view>
@@ -154,10 +122,7 @@
                     <view v-if="job.isHot">
                       <view class="falls-card-pay">
                         <view class="pay-text">
-                                                    <Salary-Expectation
+                          <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
-                                                        :max-salary="job.maxSalary"
-                                                        :min-salary="job.minSalary"
-                                                    ></Salary-Expectation>
                         </view>
                         <image class="flame" src="/static/icon/flame3.png"></image>
                       </view>
@@ -167,10 +132,7 @@
                       <view class="falls-card-title">{{ job.jobTitle }}</view>
                       <view class="falls-card-pay" style="margin-top: 10rpx">
                         <view class="pay-text">
-                                                    <Salary-Expectation
+                          <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
-                                                        :max-salary="job.maxSalary"
-                                                        :min-salary="job.minSalary"
-                                                    ></Salary-Expectation>
                         </view>
                       </view>
                     </view>
@@ -191,7 +153,7 @@
                       <view>
                         <image class="point2" src="/static/icon/pintDate2.png"></image>
                         <view class="fl_1">
-                                                    {{ job.postingDate || '发布日期' }}
+                          {{ job.postingDate || "发布日期" }}
                         </view>
                       </view>
                       <view>
@@ -214,9 +176,7 @@
                   </view>
                   <view v-if="!job.education" class="recommend-card" :class="{ isBut: job.isBut }">
                     <view class="card-content">
-                                            <view class="recommend-card-title">
+                      <view class="recommend-card-title"> 在找岗位：{{ job.jobCategory }}的工作吗？ </view>
-                                                在找岗位：{{ job.jobCategory }}的工作吗？
-                                            </view>
                       <!-- <view class="recommend-card-tip">{{ job.tip }}</view> -->
                       <view class="recommend-card-tip">确认您的兴趣，为您推荐更多合适的岗位</view>
                       <!-- <view class="recommend-card-line"></view> -->
@@ -252,24 +212,24 @@
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick, getCurrentInstance } from 'vue';
+import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick, getCurrentInstance } from "vue";
-import img from '@/static/icon/filter.png';
+import img from "@/static/icon/filter.png";
-import dictLabel from '@/components/dict-Label/dict-Label.vue';
+import dictLabel from "@/components/dict-Label/dict-Label.vue";
-const { $api, navTo, vacanciesTo, formatTotal, throttle } = inject('globalFunction');
+const { $api, navTo, vacanciesTo, formatTotal, throttle } = inject("globalFunction");
-import { onLoad, onShow } from '@dcloudio/uni-app';
+import { onLoad, onShow } from "@dcloudio/uni-app";
-import { storeToRefs } from 'pinia';
+import { storeToRefs } from "pinia";
-import useUserStore from '@/stores/useUserStore';
+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 useLocationStore from "@/stores/useLocationStore";
-import selectFilter from '@/components/selectFilter/selectFilter.vue';
+import selectFilter from "@/components/selectFilter/selectFilter.vue";
-import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
+import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
-import { useScrollDirection } from '@/hook/useScrollDirection';
+import { useScrollDirection } from "@/hook/useScrollDirection";
-import { useColumnCount } from '@/hook/useColumnCount';
+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,7 +247,7 @@ const conditionSearch = ref({});
 const waterfallcolumn = ref(2);
 
 const state = reactive({
-    tabIndex: 'all',
+  tabIndex: "all",
 });
 const list = ref([]);
 const pageState = reactive({
@@ -299,64 +259,23 @@ const pageState = reactive({
     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: 0, text: "推荐" },
-    { value: 1, text: '最热' },
+  { value: 1, text: "最热" },
-    { value: 2, 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; // 默认未读
+  let firstEntry = uni.getStorageSync("firstEntry") === false ? false : true; // 默认未读
   maskFirstEntry.value = firstEntry;
 });
 
@@ -365,7 +284,7 @@ const checkStickyStatus = (e) => {
   nextTick(() => {
     const query = uni.createSelectorQuery().in(proxy);
     query
-            .select('.nav-filter')
+      .select(".nav-filter")
       .boundingClientRect()
       .exec((res) => {
         if (res[0]) {
@@ -380,18 +299,18 @@ const checkStickyStatus = (e) => {
 };
 
 function closeVideoTip() {
-    uni.setStorageSync('firstEntry', false);
+  uni.setStorageSync("firstEntry", false);
   maskFirstEntry.value = false;
 }
 
 const handleTagClick = (tagInfo) => {
-    console.log('点击的标签信息:', tagInfo);
+  console.log("点击的标签信息:", tagInfo);
-    $api.msg('暂未开放')
+  $api.msg("暂未开放");
 };
 
-const handleItemClick = ()=>{
+const handleItemClick = () => {
-     $api.msg('暂未开放')
+  $api.msg("暂未开放");
-}
+};
 
 const hexToRgba = (hex, opacity) => {
   const r = parseInt(hex.slice(1, 3), 16);
@@ -405,12 +324,12 @@ const getTextColor = (hexColor) => {
   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';
+  return brightness > 180 ? "#1D71EF" : "#FFFFFF";
 };
 
 const { columnCount, columnSpace } = useColumnCount(() => {
   pageState.pageSize = 10 * (columnCount.value - 1);
-    getJobRecommend('refresh');
+  getJobRecommend("refresh");
   nextTick(() => {
     waterfallsFlowRef.value?.refresh?.();
     useLocationStore().getLocation();
@@ -428,11 +347,11 @@ async function loadData() {
 }
 
 const scrollBottom = () => {
-    if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
+  if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
     // if (loadmoreRef?.value?.status == 'loading' || loadmoreRef?.value?.status == 'noMore') return;
-        loadmoreRef.value.change('loading');
+    loadmoreRef.value.change("loading");
     stopScroll();
-        if (state.tabIndex === 'all') {
+    if (state.tabIndex === "all") {
       getJobRecommend();
     } else {
       getJobList();
@@ -450,7 +369,7 @@ function stopScroll() {
 
 function findJob(job) {
   if (job.isBut) {
-        $api.msg('已确认');
+    $api.msg("已确认");
   } else {
     list.value = list.value.map((item) => {
       if (item.recommend && item.jobCategory === job.jobCategory) {
@@ -463,13 +382,13 @@ function findJob(job) {
     });
     const jobstr = job.jobCategory;
     const jobsObj = {
-            地区: 'area',
+      地区: "area",
-            岗位: 'jobTitle',
+      岗位: "jobTitle",
-            经验: 'experience',
+      经验: "experience",
     };
-        const [name, value] = jobstr.split(':');
+    const [name, value] = jobstr.split(":");
     const nameAttr = jobsObj[name];
-        if (name === '岗位') {
+    if (name === "岗位") {
       conditionSearch.value[nameAttr] = value;
     } else {
       const valueAttr = oneDictData(nameAttr).filter((item) => item.label === value);
@@ -483,7 +402,7 @@ function findJob(job) {
 
 function clearfindJob(job) {
   if (job.isBut) {
-        $api.msg('已确认');
+    $api.msg("已确认");
   } else {
     list.value = list.value.map((item) => {
       if (item.recommend && item.jobCategory === job.jobCategory) {
@@ -509,23 +428,23 @@ function nextDetail(job) {
 
 function openFilter() {
   showFilter.value = true;
-    emits('onShowTabbar', false);
+  emits("onShowTabbar", false);
   selectFilterModel.value?.open({
-        title: '筛选',
+    title: "筛选",
     maskClick: true,
     success: (values) => {
       pageState.search = {
         ...pageState.search,
       };
       for (const [key, value] of Object.entries(values)) {
-                pageState.search[key] = value.join(',');
+        pageState.search[key] = value.join(",");
       }
       showFilter.value = false;
-            getJobList('refresh');
+      getJobList("refresh");
     },
     cancel: () => {
       showFilter.value = false;
-            emits('onShowTabbar', true);
+      emits("onShowTabbar", true);
     },
   });
 }
@@ -537,31 +456,31 @@ function handleFilterConfirm(e) {
 function choosePosition(index) {
   state.tabIndex = index;
   list.value = [];
-    if (index === 'all') {
+  if (index === "all") {
     pageState.search = {
       order: pageState.search.order,
     };
-        inputText.value = '';
+    inputText.value = "";
-        getJobRecommend('refresh');
+    getJobRecommend("refresh");
   } else {
     // const id = useUserStore().userInfo.jobTitleId.split(',')[index];
     pageState.search.jobTitle = userInfo.value.jobTitle[index];
-        inputText.value = '';
+    inputText.value = "";
-        getJobList('refresh');
+    getJobList("refresh");
   }
 }
 
 function handelHostestSearch(val) {
   pageState.search.order = val.value;
-    if (state.tabIndex === 'all') {
+  if (state.tabIndex === "all") {
-        getJobRecommend('refresh');
+    getJobRecommend("refresh");
   } else {
-        getJobList('refresh');
+    getJobList("refresh");
   }
 }
 
-function getJobRecommend(type = 'add') {
+function getJobRecommend(type = "add") {
-    if (type === 'refresh') {
+  if (type === "refresh") {
     list.value = [];
     if (waterfallsFlowRef.value) waterfallsFlowRef.value.refresh();
   }
@@ -573,13 +492,13 @@ function getJobRecommend(type = 'add') {
   };
   let comd = {
     recommend: true,
-        jobCategory: '',
+    jobCategory: "",
-        tip: '确认你的兴趣，为您推荐更多合适的岗位',
+    tip: "确认你的兴趣，为您推荐更多合适的岗位",
   };
-    $api.createRequest('/app/job/recommend', params).then((resData) => {
+  $api.createRequest("/app/job/recommend", params).then((resData) => {
     const { data, total } = resData;
     pageState.total = 0;
-        if (type === 'add') {
+    if (type === "add") {
       // 记录系统
       recommedIndexDb.getRecord().then((res) => {
         if (res.length) {
@@ -615,11 +534,11 @@ function getJobRecommend(type = 'add') {
       list.value = dataToImg(data);
     }
     // 切换状态
-        if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
+    if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
       if (data.length < pageState.pageSize) {
-                loadmoreRef.value.change('noMore');
+        loadmoreRef.value.change("noMore");
       } else {
-                loadmoreRef.value.change('more');
+        loadmoreRef.value.change("more");
       }
     }
     // 当没有岗位，刷新sessionId重新啦
@@ -629,11 +548,11 @@ function getJobRecommend(type = 'add') {
   });
 }
 
-function getJobList(type = 'add') {
+function getJobList(type = "add") {
-    if (type === 'add' && pageState.page < pageState.maxPage) {
+  if (type === "add" && pageState.page < pageState.maxPage) {
     pageState.page += 1;
   }
-    if (type === 'refresh') {
+  if (type === "refresh") {
     list.value = [];
     pageState.page = 1;
     pageState.maxPage = 2;
@@ -647,9 +566,9 @@ function getJobList(type = 'add') {
     // ...conditionSearch.value,
   };
 
-    $api.createRequest('/app/job/list', params).then((resData) => {
+  $api.createRequest("/app/job/list", params).then((resData) => {
     const { rows, total } = resData;
-        if (type === 'add') {
+    if (type === "add") {
       const str = pageState.pageSize * (pageState.page - 1);
       const end = list.value.length;
       const reslist = dataToImg(rows);
@@ -660,11 +579,11 @@ function getJobList(type = 'add') {
     pageState.total = resData.total;
     pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
     // 切换状态
-        if (loadmoreRef.value && typeof loadmoreRef.value.change === 'function') {
+    if (loadmoreRef.value && typeof loadmoreRef.value.change === "function") {
       if (rows.length < pageState.pageSize) {
-                loadmoreRef.value?.change('noMore');
+        loadmoreRef.value?.change("noMore");
       } else {
-                loadmoreRef.value?.change('more');
+        loadmoreRef.value?.change("more");
       }
     }
   });
@@ -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>

pages/index/components/index-two.vue

@@ -4,20 +4,8 @@
       <view class="filter-top" @touchmove.stop.prevent>
         <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
           <view class="jobs-left">
-                        <view
+            <view class="job button-click" :class="{ active: state.tabIndex === 'all' }" @click="choosePosition('all')"> 全部 </view>
-                            class="job button-click"
+            <view class="job button-click" :class="{ active: state.tabIndex === index }" v-for="(item, index) in userInfo.jobTitle" :key="index" @click="choosePosition(index)">
-                            :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>
@@ -31,12 +19,7 @@
     <view class="cards">
       <scroll-view :scroll-y="true" class="tab-scroll" @scrolltolower="scrollBottom">
         <view class="scroll-content">
-                    <custom-waterfalls-flow
+          <custom-waterfalls-flow ref="waterfallsFlowRef" :column="columnCount" :columnSpace="columnSpace" :value="list">
-                        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)">
@@ -45,11 +28,7 @@
                 </view>
                 <view class="job-info" @click="nextDetail(job)">
                   <view class="salary">
-                                        <Salary-Expectation
+                    <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary" :is-month="true"></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>
@@ -70,15 +49,15 @@
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
+import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from "vue";
-import { usePagination } from '@/hook/usePagination';
+import { usePagination } from "@/hook/usePagination";
-const { $api, navTo } = inject('globalFunction');
+const { $api, navTo } = inject("globalFunction");
-import { storeToRefs } from 'pinia';
+import { storeToRefs } from "pinia";
-import useUserStore from '@/stores/useUserStore';
+import useUserStore from "@/stores/useUserStore";
-import img from '@/static/icon/filter.png';
+import img from "@/static/icon/filter.png";
-import useLocationStore from '@/stores/useLocationStore';
+import useLocationStore from "@/stores/useLocationStore";
-import { useColumnCount } from '@/hook/useColumnCount';
+import { useColumnCount } from "@/hook/useColumnCount";
-import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
+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(
+const { list, loading, refresh, loadMore, finished } = usePagination(
-    (params) => $api.createRequest('/app/job/littleVideo', params),
+  (params) => $api.createRequest("/app/job/littleVideo", params),
   dataToImg, // 转换函数
   {
     pageSize: pageSize,
     search: searchParams,
-        dataKey: 'data',
+    dataKey: "data",
     onBeforeRequest: () => {
-            loadmoreRef.value?.change('loading');
+      if (!finished) {
+        loadmoreRef.value?.change("loading");
+      }
     },
   }
 );
-watch(()=>finished.value, (newVal) => {
+watch(
+  () => finished.value,
+  (newVal) => {
+    console.log(newVal,'+++++')
     if (newVal) {
       // 确保瀑布流组件知道数据已加载完成
-    loadmoreRef.value?.change('noMore')
+      loadmoreRef.value?.change("noMore");
-  }else{
+    } else {
-    loadmoreRef.value?.change('more')
+      loadmoreRef.value?.change("more");
     }
-})
+  }
+);
 
 // function imageloaded() {
 //     nextTick(() => {
@@ -145,13 +130,13 @@ async function loadData() {
 
 async function choosePosition(index) {
   state.tabIndex = index;
-    if (index === 'all') {
+  if (index === "all") {
-        searchParams.value.jobTitle = '';
+    searchParams.value.jobTitle = "";
   } else {
     searchParams.value.jobTitle = userInfo.value.jobTitle[index];
   }
   console.log(searchParams.value);
-    refresh('refresh');
+  refresh("refresh");
   waterfallsFlowRef.value.refresh();
 }
 
@@ -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>

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>

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>

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>
+

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>

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>

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>

uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue

@@ -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>
+