From a676deedc1cb3abea2830c9979ae5683c6cb660c Mon Sep 17 00:00:00 2001
From: shirlwang <15254118591@163.com>
Date: Tue, 10 Mar 2026 17:49:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E6=94=BF=E7=AD=96=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E3=80=81=E6=94=BF=E7=AD=96=E5=88=97=E8=A1=A8=E5=92=8C?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0H5/PC?=
 =?UTF-8?q?=E9=80=82=E9=85=8D=E6=A0=B7=E5=BC=8F=E3=80=81=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=EF=BC=8C=E5=B9=B6=E4=B8=BA=E6=94=BF?=
 =?UTF-8?q?=E7=AD=96=E8=AF=A6=E6=83=85=E5=92=8C=E5=88=97=E8=A1=A8=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=A4=B1=E8=B4=A5=E6=97=B6=E6=B7=BB=E5=8A=A0H5/APP-PL?=
 =?UTF-8?q?US=E6=B5=8B=E8=AF=95=E6=95=B0=E6=8D=AE=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageRc/pages/index/index.vue         | 78 ++++++++++++++++++++++++-
 packageRc/pages/policy/policyDetail.vue | 70 ++++++++++++++++++++--
 packageRc/pages/policy/policyList.vue   | 49 +++++++++++++++-
 3 files changed, 190 insertions(+), 7 deletions(-)

diff --git a/packageRc/pages/index/index.vue b/packageRc/pages/index/index.vue
index dc15253..aa91a1d 100644
--- a/packageRc/pages/index/index.vue
+++ b/packageRc/pages/index/index.vue
@@ -5,7 +5,7 @@
 -->
 <template>
   <!-- @scroll="handleScroll" @scrolltolower="scrollBottom" -->
-  <scroll-view :scroll-y="true" class="container" style="background-image: url(../../../packageRc/static/pageBgIndex.png);">
+  <scroll-view :scroll-y="true" class="container h5-pc-container" :show-scrollbar="false" style="background-image: url(../../../packageRc/static/pageBgIndex.png);">
     <view style="padding: 40rpx 28rpx;">
          <!-- #ifdef MP-WEIXIN -->
       <view class="kinggang">
@@ -133,6 +133,8 @@ onMounted(()=>{
   getPolicy();
 })
 
+
+
 function goCa(){
     if (checkLogin()) {
         const userInfo = uni.getStorageSync('userInfo')
@@ -240,6 +242,14 @@ function nextDetail(job) {
 </script>
 
 <style lang="less" scoped>
+/* 隐藏滚动条 */
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
 view{box-sizing: border-box;display: block;}
 .container{
   background-color: #F4F4F4;background-position: top center;background-size: 100% auto;
@@ -414,4 +424,70 @@ view{box-sizing: border-box;display: block;}
     transform: translateX(50%);
   }
 }
+
+/* #ifdef H5 */
+.h5-pc-container {
+  & > view {
+    width: 80% !important;
+    margin: 0 auto !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+
+  .showtab {
+    margin-bottom: 80rpx;
+    height: 300rpx;
+    .tabItem {
+      height: 300rpx !important;
+      image:first-child {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    }
+  }
+
+  .tabs {
+    margin-bottom: 80rpx;
+    height: 120rpx;
+    .tab {
+      line-height: 112rpx !important;
+      font-size: 38rpx !important;
+      font-weight: bold;
+    }
+  }
+
+  .titles {
+    margin-bottom: 80rpx;
+    .title-item {
+      font-size: 42rpx !important;
+      margin-right: 80rpx !important;
+      >view {
+        padding: 0 24rpx !important;
+      }
+    }
+  }
+
+  .job-list {
+    padding: 48rpx !important;
+    margin-bottom: 40rpx !important;
+  }
+
+  .title {
+    font-size: 42rpx !important;
+  }
+  .infos view {
+    font-size: 34rpx !important;
+    line-height: 56rpx !important;
+    padding: 8rpx 24rpx !important;
+  }
+  .salary {
+    font-size: 40rpx !important;
+  }
+  .bottom-line {
+    font-size: 32rpx !important;
+    margin-top: 24rpx !important;
+  }
+}
+/* #endif */
 </style>
\ No newline at end of file
diff --git a/packageRc/pages/policy/policyDetail.vue b/packageRc/pages/policy/policyDetail.vue
index e262af8..2ca71b0 100644
--- a/packageRc/pages/policy/policyDetail.vue
+++ b/packageRc/pages/policy/policyDetail.vue
@@ -1,6 +1,6 @@
 <template>
-	<view class="page" style="background-image: url(../../../packageRc/static/pageBg.png);">
-    <scroll-view :scroll-y="true" style="height: 100vh;position: relative;z-index: 1;">
+	<view class="page h5-pc-page" style="background-image: url(../../../packageRc/static/pageBg.png);">
+    <scroll-view :scroll-y="true" style="height: 100vh;position: relative;z-index: 1;" :show-scrollbar="false">
       <view class="input-outer-part"
         style="padding: 24rpx 32rpx 0;max-height: unset;">
         <view class="basic-info-content-main" v-if="!loading">
@@ -31,8 +31,8 @@
                 class="main-ceontent-list-item"
                 v-if="policyDetail.applicableObjects"
               >
-                <view class="main-ceontent-list-item-title">政策对象</view>
-                <view class="main-ceontent-list-item-content">
+                <view :class="['main-ceontent-list-item-title', isPc ? 'pc-main-ceontent-list-item-title' : '']">政策对象</view>
+                <view :class="['main-ceontent-list-item-content', isPc ? 'pc-main-ceontent-list-item-content' : '']">
                   <span
                     v-if="policyDetail.applicableObjects"
                     v-html="policyDetail.applicableObjects"
@@ -113,6 +113,23 @@ import { getPolicyDetail } from "@/packageRc/apiRc/policy";
 			getPolicy(id) {
         getPolicyDetail({id}).then(res => {
           this.policyDetail = res.data
+        }).catch(err => {
+          // #ifdef H5 || APP-PLUS
+          // 仅在测试环境下，注入大段文本验证排版
+          this.policyDetail = {
+            zcmc: '【条件编译测试】支持高校毕业生在本地创业就业的若干激励措施(接口失败模拟)',
+            zcLevel: '省级重点',
+            sourceUnit: '人社测试局',
+            publishTime: '2026-03-10',
+            viewNum: 9999,
+            applicableObjects: '1. 本市户籍的高校毕业生；<br/>2. 创业青年群体。',
+            policyExplanation: '本政策旨在吸引更多高素质人才留在本市发展。',
+            applyCondition: '具有全日制本科及以上学历且毕业在5年内。',
+            zczc: '最高50万元奖励，办公场地免租3年。',
+            btbz: '本科5000元/月，硕士10000元/月，连续发放3年。',
+            jbqd: '政务中心2楼窗口、线上小程序入口。'
+          }
+          // #endif
         })
 			},
 			getDictLabel(value, list) {
@@ -130,6 +147,14 @@ import { getPolicyDetail } from "@/packageRc/apiRc/policy";
 </script>
 
 <style lang="scss" scoped>
+/* 隐藏滚动条 */
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
 	.page {
 		background-color: #f4f4f4 !important;
 		height: 100vh;
@@ -323,4 +348,41 @@ import { getPolicyDetail } from "@/packageRc/apiRc/policy";
     );
   }
 }
+
+/* #ifdef H5 */
+.h5-pc-page {
+	width: 100% !important;
+
+	.input-outer-part {
+		width: 80% !important;
+		margin: 0 auto !important;
+		padding-left: 0 !important;
+		padding-right: 0 !important;
+	}
+	.title-line {
+		font-size: 52rpx !important;
+    line-height: 1.4 !important;
+	}
+	.infos {
+		font-size: 38rpx !important;
+    line-height: 1.8 !important;
+    .info {
+      margin-top: 10rpx !important;
+    }
+	}
+	.main-ceontent-list-item-title {
+		font-size: 42rpx !important;
+		line-height: 60rpx !important;
+    margin-bottom: 24rpx !important;
+	}
+	.main-ceontent-list-item-content {
+		font-size: 38rpx !important;
+		line-height: 56rpx !important;
+    padding: 24rpx !important;
+	}
+	.tag {
+		font-size: 34rpx !important;
+	}
+}
+/* #endif */
 </style>
diff --git a/packageRc/pages/policy/policyList.vue b/packageRc/pages/policy/policyList.vue
index d3cc7bb..e340036 100644
--- a/packageRc/pages/policy/policyList.vue
+++ b/packageRc/pages/policy/policyList.vue
@@ -1,6 +1,6 @@
 <template>
   <view
-    class="page"
+    class="page h5-pc-page"
     style="
       background-image: url(../../../packageRc/static/pageBg.png);
     "
@@ -34,6 +34,7 @@
         :scroll-y="true"
         style="height: calc(100vh - 232rpx); position: relative; z-index: 1"
         @scrolltolower="getBottomList"
+        :show-scrollbar="false"
       >
         <view
           style="margin-bottom: 24rpx; border-radius: 16rpx"
@@ -162,8 +163,16 @@ export default {
         this.total = res.total;
       } else {
         this.loading = false;
+        // #ifdef H5 || APP-PLUS
+        // 接口返回非 200 或失败时展示测试数据 (条件编译)
+        this.tableData = [
+          { id: '1', zcmc: '测试政策001：关于进一步支持人才发展的若干措施（条件编译测试数据）', publishTime: '2026-03-10', viewNum: 888, zcLevel: '省级', sourceUnit: '模拟测试部' },
+          { id: '2', zcmc: '测试政策002：高校毕业生创业补贴申请指南（条件编译测试数据）', publishTime: '2026-03-10', viewNum: 666, zcLevel: '市级', sourceUnit: '人力资源局' }
+        ];
+        this.total = 2;
+        // #endif
         uni.showToast({
-          title: res.msg,
+          title: res.msg || '获取列表失败',
           icon: "none",
         });
       }
@@ -173,6 +182,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+/* 隐藏滚动条 */
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
 .page {
   background-color: #f4f4f4 !important;
   height: 100vh;
@@ -520,4 +537,32 @@ export default {
     margin-top: 12rpx;
   }
 }
+
+/* #ifdef H5 */
+.h5-pc-page {
+  width: 100% !important;
+
+  .input-outer-part {
+    width: 80% !important;
+    margin: 0 auto !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .title {
+    font-size: 48rpx !important;
+    margin-bottom: 24rpx !important;
+  }
+  .infos view {
+    font-size: 36rpx !important;
+    line-height: 56rpx !important;
+  }
+  .bottom-line {
+    font-size: 34rpx !important;
+    margin-top: 24rpx !important;
+  }
+  input {
+    font-size: 36rpx !important;
+  }
+}
+/* #endif */
 </style>