政策资讯

h5_web/pages.json

@@ -1,305 +1,320 @@
 {
-	"easycom": {
-		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
-	},
-	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationStyle": "custom", // 隐藏系统导航栏
-				"navigationBarTitleText": "首页"
-			}
-		}, {
-			"path": "pages/mycode/mycode",
-			"style": {
-				"navigationBarTitleText": "退役军人码"
-			}
+  "easycom": {
+    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+  },
+  "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationStyle": "custom", // 隐藏系统导航栏
+        "navigationBarTitleText": "首页"
+      }
+    }, {
+      "path": "pages/mycode/mycode",
+      "style": {
+        "navigationBarTitleText": "退役军人码"
+      }
 
-		},
-		{
-			"path": "pages/authentication/authentication",
-			"style": {
-				"navigationBarTitleText": "退役军人职业教育码申请"
-			}
+    },
+    {
+      "path": "pages/authentication/authentication",
+      "style": {
+        "navigationBarTitleText": "退役军人职业教育码申请"
+      }
 
-		},
-		{
-			"path": "pages/phoneLogin/phoneLogin",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTitleText": "手机登录"
-			}
-		},
-		{
-			"path": "pages/bannerDetails/bannerDetails",
-			"style": {
-				"navigationBarTitleText": "详情页"
-			}
+    },
+    {
+      "path": "pages/phoneLogin/phoneLogin",
+      "style": {
+        "navigationStyle": "custom",
+        "navigationBarTitleText": "手机登录"
+      }
+    },
+    {
+      "path": "pages/bannerDetails/bannerDetails",
+      "style": {
+        "navigationBarTitleText": "详情页"
+      }
 
-		}, {
-			"path": "pages/policyNews/policyNews",
-			"style": {
-				"navigationBarTitleText": "政策资讯"
+    }, {
+      "path": "pages/policyNews/policyNews",
+      "style": {
+        "navigationBarTitleText": "政策资讯"
 
-			}
+      }
 
-		}, {
-			"path": "pages/policyNewsDetails/policyNewsDetails",
-			"style": {
-				"navigationBarTitleText": "文章详情"
+    }, {
+      "path": "pages/policyNewsDetails/policyNewsDetails",
+      "style": {
+        "navigationBarTitleText": "文章详情"
 
-			}
+      }
 
-		}, {
-			"path": "pages/newsDetails/newsDetails",
-			"style": {
-				"navigationBarTitleText": "文章详情"
-			}
+    }, {
+      "path": "pages/newsDetails/newsDetails",
+      "style": {
+        "navigationBarTitleText": "文章详情"
+      }
 
-		},
-		{
-			"path": "pages/login/code",
-			"style": {
-				"navigationBarTitleText": "验证码"
-			}
-		},
-		{
-			"path": "pages/mine/mine",
-			"style": {
-				"navigationBarTitleText": "个人中心",
-				"navigationStyle": "custom"
-			}
+    },
+    {
+      "path": "pages/login/code",
+      "style": {
+        "navigationBarTitleText": "验证码"
+      }
+    },
+    {
+      "path": "pages/mine/mine",
+      "style": {
+        "navigationBarTitleText": "个人中心",
+        "navigationStyle": "custom"
+      }
 
-		},
-		{
-			"path": "pages/center/center",
-			"style": {
-				"navigationBarTitleText": "中心",
-				"enablePullDownRefresh": false
-			}
+    },
+    {
+      "path": "pages/center/center",
+      "style": {
+        "navigationBarTitleText": "中心",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/privacyPolicy/privacyPolicy",
-			"style": {
-				"navigationBarTitleText": "隐私政策"
-			}
+    }, {
+      "path": "pages/privacyPolicy/privacyPolicy",
+      "style": {
+        "navigationBarTitleText": "隐私政策"
+      }
 
-		}, {
-			"path": "pages/schools/schools",
-			"style": {
-				"navigationBarTitleText": "学院列表",
-				"navigationBarBackgroundColor": "#3D5D4C",
-				"navigationBarTextStyle": "white"
-			}
-		}, {
-			"path": "pages/skillsTraining/skillsTraining",
-			"style": {
-				"navigationBarTitleText": "技能培训"
-			}
-		}, {
-			"path": "pages/basicTraining/basicTraining",
-			"style": {
-				"navigationBarTitleText": "适应性培训"
-			}
-		}, {
-			"path": "pages/basicTraining/myBasicTraining/myBasicTraining",
-			"style": {
-				"navigationBarTitleText": "我的适应性培训"
-			}
-		}, {
-			"path": "pages/basicTraining/basicTrainingDetails/basicTrainingDetails",
-			"style": {
-				"navigationBarTitleText": "在线上课"
-			}
-		}, {
-			"path": "pages/upgrade/upgrade",
-			"style": {
-				"navigationBarTitleText": "学历提升"
-			}
-		}, {
-			"path": "pages/inbuild/inbuild",
-			"style": {
-				"navigationBarTitleText": "建设中"
-			}
-		}, {
-			"path": "pages/recruitment/recruitment",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTitleText": "招聘就业"
-			}
-		}, {
-			"path": "pages/myResume/myResume",
-			"style": {
-				"navigationBarTitleText": "简历",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#2a82e4",
-				"navigationBarTextStyle": "white"
-			}
+    }, {
+      "path": "pages/schools/schools",
+      "style": {
+        "navigationBarTitleText": "学院列表",
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
+    }, {
+      "path": "pages/skillsTraining/skillsTraining",
+      "style": {
+        "navigationBarTitleText": "技能培训"
+      }
+    }, {
+      "path": "pages/basicTraining/basicTraining",
+      "style": {
+        "navigationBarTitleText": "适应性培训"
+      }
+    }, {
+      "path": "pages/basicTraining/myBasicTraining/myBasicTraining",
+      "style": {
+        "navigationBarTitleText": "我的适应性培训"
+      }
+    }, {
+      "path": "pages/basicTraining/basicTrainingDetails/basicTrainingDetails",
+      "style": {
+        "navigationBarTitleText": "在线上课"
+      }
+    }, {
+      "path": "pages/upgrade/upgrade",
+      "style": {
+        "navigationBarTitleText": "学历提升"
+      }
+    }, {
+      "path": "pages/inbuild/inbuild",
+      "style": {
+        "navigationBarTitleText": "建设中"
+      }
+    }, {
+      "path": "pages/recruitment/recruitment",
+      "style": {
+        "navigationStyle": "custom",
+        "navigationBarTitleText": "招聘就业"
+      }
+    }, {
+      "path": "pages/myResume/myResume",
+      "style": {
+        "navigationBarTitleText": "简历",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#2a82e4",
+        "navigationBarTextStyle": "white"
+      }
 
-		}, {
-			"path": "pages/dynamicTracking/dynamicTracking",
-			"style": {
-				"navigationBarTitleText": "全链条动态跟踪",
-				"enablePullDownRefresh": false
-			}
+    }, {
+      "path": "pages/dynamicTracking/dynamicTracking",
+      "style": {
+        "navigationBarTitleText": "全链条动态跟踪",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/personalModify/personalModify",
-			"style": {
-				"navigationBarTitleText": "个人资料修改",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#fff"
-			}
+    }, {
+      "path": "pages/personalModify/personalModify",
+      "style": {
+        "navigationBarTitleText": "个人资料修改",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#fff"
+      }
 
-		}, {
-			"path": "pages/evaluationIntention/evaluationIntention",
-			"style": {
-				"navigationBarTitleText": "求职意向自我评价",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
+    }, {
+      "path": "pages/evaluationIntention/evaluationIntention",
+      "style": {
+        "navigationBarTitleText": "求职意向自我评价",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
 
-		}, {
-			"path": "pages/myDelivery/myDelivery",
-			"style": {
-				"navigationBarTitleText": "我的投递",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#fff"
-			}
+    }, {
+      "path": "pages/myDelivery/myDelivery",
+      "style": {
+        "navigationBarTitleText": "我的投递",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#fff"
+      }
 
-		}, {
-			"path": "pages/myInterview/myInterview",
-			"style": {
-				"navigationBarTitleText": "我的面试",
-				"enablePullDownRefresh": false
-			}
+    }, {
+      "path": "pages/myInterview/myInterview",
+      "style": {
+        "navigationBarTitleText": "我的面试",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/mySkillsTraining/mySkillsTraining",
-			"style": {
-				"navigationBarTitleText": "我的技能培训",
-				"enablePullDownRefresh": false
-			}
+    }, {
+      "path": "pages/mySkillsTraining/mySkillsTraining",
+      "style": {
+        "navigationBarTitleText": "我的技能培训",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/myEvaluation/myEvaluation",
-			"style": {
-				"navigationBarTitleText": "我的评价",
-				"enablePullDownRefresh": false
-			}
+    }, {
+      "path": "pages/myEvaluation/myEvaluation",
+      "style": {
+        "navigationBarTitleText": "我的评价",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/setting/setting",
-			"style": {
-				"navigationBarTitleText": "设置",
-				"enablePullDownRefresh": false
-			}
+    }, {
+      "path": "pages/setting/setting",
+      "style": {
+        "navigationBarTitleText": "设置",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/progressiveIntegral/progressiveIntegral",
-			"style": {
-				"navigationBarTitleText": "进步积分",
-				"enablePullDownRefresh": false
-			}
+    }, {
+      "path": "pages/progressiveIntegral/progressiveIntegral",
+      "style": {
+        "navigationBarTitleText": "进步积分",
+        "enablePullDownRefresh": false
+      }
 
-		}, {
-			"path": "pages/cooperativeEnterprise/cooperativeEnterprise",
-			"style": {
-				"navigationBarTitleText": "企业列表",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#3D5D4C",
-				"navigationBarTextStyle": "white"
-			}
+    }, {
+      "path": "pages/cooperativeEnterprise/cooperativeEnterprise",
+      "style": {
+        "navigationBarTitleText": "企业列表",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
 
-		}, {
-			"path": "pages/businessDetails/businessDetails",
-			"style": {
-				"navigationBarTitleText": "企业详情",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#fff",
-				"backgroundColor": "#f2f2f2"
-			}
-		}, {
-			"path": "pages/jobDetails/jobDetails",
-			"style": {
-				"navigationBarTitleText": "职位详情",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#3D5D4C",
-				"navigationBarTextStyle": "white"
-			}
-		},
-		{
-			"path": "pages/resumeDeliveryResults/resumeDeliveryResults",
-			"style": {
-				"navigationBarTitleText": "简历投递结果",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/applyEducationCode/applyEducationCode",
-			"style": {
-				"navigationBarTitleText": "退役军人职业教育码申请",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#3D5D4C",
-				"navigationBarTextStyle": "white"
-			}
+    }, {
+      "path": "pages/businessDetails/businessDetails",
+      "style": {
+        "navigationBarTitleText": "企业详情",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#fff",
+        "backgroundColor": "#f2f2f2"
+      }
+    }, {
+      "path": "pages/jobDetails/jobDetails",
+      "style": {
+        "navigationBarTitleText": "职位详情",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/resumeDeliveryResults/resumeDeliveryResults",
+      "style": {
+        "navigationBarTitleText": "简历投递结果",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/applyEducationCode/applyEducationCode",
+      "style": {
+        "navigationBarTitleText": "退役军人职业教育码申请",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
 
-		},
-		{
-			"path": "pages/applyEducationCode/applyEducationSuccess",
-			"style": {
-				"navigationBarTitleText": "退役军人职业教育码申请",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#3D5D4C",
-				"navigationBarTextStyle": "white"
-			}
+    },
+    {
+      "path": "pages/applyEducationCode/applyEducationSuccess",
+      "style": {
+        "navigationBarTitleText": "退役军人职业教育码申请",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
 
-		}, {
-			"path": "pages/newsInformation/newsInformation",
-			"style": {
-				"navigationBarTitleText": "新闻动态",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#3D5D4C",
-				"navigationBarTextStyle": "white"
-			}
+    }, {
+      "path": "pages/newsInformation/newsInformation",
+      "style": {
+        "navigationBarTitleText": "新闻动态",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
 
-		}, {
-			"path": "pages/schoolDetails/schoolDetails",
-			"style": {
-				"navigationBarTitleText": "学校详情",
-				"enablePullDownRefresh": false,
-				"navigationBarBackgroundColor": "#fff"
-			}
-
-		}
-	],
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F2F2F2",
-		"backgroundColor": "#F2F2F2"
-	},
-	"tabBar": {
-		"color": "#909399",
-		"selectedColor": "#303133",
-		"borderStyle": "black",
-		"backgroundColor": "#ffffff",
-		"list": [{
-			"pagePath": "pages/index/index",
-			"iconPath": "static/icons/index-gray.png",
-			"selectedIconPath": "static/icons/index.png",
-			"text": "首页"
-		}, {
-			"pagePath": "pages/mycode/mycode",
-			"iconPath": "static/icons/code-gray.png",
-			"selectedIconPath": "static/icons/code.png",
-			"text": "退役军人码"
-		}, {
-			"pagePath": "pages/mine/mine",
-			"iconPath": "static/icons/mine-gray.png",
-			"selectedIconPath": "static/icons/mine.png",
-			"text": "我"
-		}]
-	}
+    }, {
+      "path": "pages/schoolDetails/schoolDetails",
+      "style": {
+        "navigationBarTitleText": "学校详情",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#fff"
+      }
+    }, {
+      "path": "pages/notification/notification",
+      "style": {
+        "navigationBarTitleText": "消息通知",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
+    }, {
+      "path": "pages/policyInfo/policyInfo",
+      "style": {
+        "navigationBarTitleText": "政策资讯",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#3D5D4C",
+        "navigationBarTextStyle": "white"
+      }
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#F2F2F2",
+    "backgroundColor": "#F2F2F2"
+  },
+  "tabBar": {
+    "color": "#909399",
+    "selectedColor": "#303133",
+    "borderStyle": "black",
+    "backgroundColor": "#ffffff",
+    "list": [{
+      "pagePath": "pages/index/index",
+      "iconPath": "static/icons/index-gray.png",
+      "selectedIconPath": "static/icons/index.png",
+      "text": "首页"
+    }, {
+      "pagePath": "pages/mycode/mycode",
+      "iconPath": "static/icons/code-gray.png",
+      "selectedIconPath": "static/icons/code.png",
+      "text": "退役军人码"
+    }, {
+      "pagePath": "pages/mine/mine",
+      "iconPath": "static/icons/mine-gray.png",
+      "selectedIconPath": "static/icons/mine.png",
+      "text": "我"
+    }]
+  }
 }

h5_web/pages/index/index.vue

@@ -7,7 +7,7 @@
         <view class="index-header-right"></view>
         <view class="index-header-top">
           <u-search placeholder="请输入您关键词" v-model="headerTopKeyword" :show-action="false" class="header-top-usearch"></u-search>
-          <view class="header-top-notice" @click="openPage('pages/notification/notification')" >
+          <view class="header-top-notice" @tap="openPage('pages/notification/notification')" >
             <u-icon name="bell" color="#FFFFFF" size="48"></u-icon>
             <u-badge size="mini" type="error" count="7" :absolute="false" class="header-top-notice-badge"></u-badge>
           </view>
@@ -31,7 +31,8 @@
     
     <view class="service">
       <view class="service-body u-flex u-flex-wrap u-row-left">
-        <view class="service-item" @click="openPage('pages/policyNews/policyNews')">
+        <!-- <view class="service-item" @click="openPage('pages/policyNews/policyNews')"> -->
+        <view class="service-item" @click="openPage('pages/policyInfo/policyInfo')">
           <image class="service-item-img" src="../../static/img/index-service-01.png" mode="aspectFill"></image>
           <view class="service-item-text">政策资讯</view>
         </view>
@@ -154,6 +155,7 @@
             msg: msg
           };
         }
+        console.log("openPage: ",path);
         this.$u.route(tempRoute);
       },
 			getNewsList(){

h5_web/pages/jobDetails/scss/jobDetails.scss

@@ -66,8 +66,8 @@
             .image{
               width: 86rpx;
               height: 86rpx;
-              box-shadow: 0px 0px 10px 0px rgba(77, 77, 77, 0.23);
-              border-radius: 7px;
+              box-shadow: 0px 0px 10rpx 0px rgba(77, 77, 77, 0.23);
+              border-radius: 7rpx;
             }
           }
           

h5_web/pages/policyInfo/policyInfo.vue

@@ -0,0 +1,209 @@
+<!-- 
+ * @title 政策资讯 
+ * @author Rockery(1113269755@qq.com)
+-->
+
+<template>
+  <view class="policyInfo">
+    <view class="policyInfo-banner">
+      <u-swiper
+      	:list="bannerList"
+      	name="bannerUrl"
+      	border-radius="0"
+      	mode="round"
+      	height="440"
+      	img-mode="scaleToFill"
+      	@click="swiperClick"
+      ></u-swiper>
+    </view>
+    <view class="policyInfo-title">
+      <view>中华人民共和国英雄烈士保护法</view>
+    </view>
+    <view class="policyInfo-wrap">
+      <view class="u-tabs-box policyInfo-tabsswiper">
+      	<u-tabs-swiper bg-color="transparent" ref="policyInfoTabsSwiper" :list="tabsSwiperList" :current="current" @change="tabsSwiperChange" :is-scroll="false"></u-tabs-swiper>
+      </view>
+      <swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
+      	<swiper-item class="swiper-item">
+      		<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
+            <view class="page-box">
+              <view class="policyInfo-container" v-for="(lawItem, index) in dataList[0]" :key="index + 'lawItem'">
+                <view class="item">
+                  <view class="title">{{lawItem.title}}</view>
+                  <view class="item-image">
+                    <image :src="lawItem.imgUrl" mode="aspectFill" class="image"></image>
+                  </view>
+                </view>
+              </view>
+              <u-loadmore :status="loadStatus[0]" bgColor="#f2f2f2"></u-loadmore>
+            </view>
+      		</scroll-view>
+      	</swiper-item>
+      	<swiper-item class="swiper-item">
+      		<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
+            <view class="page-box">
+              <view class="policyInfo-container" v-for="(administrativeItem, index) in dataList[1]" :key="index + 'administrativeItem'">
+                <view class="item">
+                  <view class="title">{{administrativeItem.title}}</view>
+                  <view class="item-image">
+                    <image :src="administrativeItem.imgUrl" mode="aspectFill" class="image"></image>
+                  </view>
+                </view>
+              </view>
+              <u-loadmore :status="loadStatus[1]" bgColor="#f2f2f2"></u-loadmore>
+            </view>
+      		</scroll-view>
+      	</swiper-item>
+      	</swiper-item>
+      	<swiper-item class="swiper-item">
+      		<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
+            <view class="page-box">
+              <view class="policyInfo-container" v-for="(regulationsItem, index) in dataList[2]" :key="index + 'regulationsItem'">
+                <view class="item">
+                  <view class="title">{{regulationsItem.title}}</view>
+                  <view class="item-image">
+                    <image :src="regulationsItem.imgUrl" mode="aspectFill" class="image"></image>
+                  </view>
+                </view>
+              </view>
+              <u-loadmore :status="loadStatus[2]" bgColor="#f2f2f2"></u-loadmore>
+            </view>
+      		</scroll-view>
+      	</swiper-item>
+      </swiper>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        bannerList: [],
+        tabsSwiperList: [
+        	{
+        		name: '法律'
+        	},
+        	{
+        		name: '行政法规'
+        	},
+        	{
+        		name: '部门规章'
+        	}
+        ],
+        current: 0,
+        swiperCurrent: 0,
+        loadStatus: ['loadmore','loadmore','loadmore'],
+        dataList: [
+          [],
+          [
+            {
+              id: 1,
+              title: '退役士兵安置条例',
+              imgUrl: require('@/static/jpeg/a72f1cb8e19d649902859638ea458812.jpg'),
+            },
+            {
+              id: 2,
+              title: '军人抚恤优待条例',
+              imgUrl: require('@/static/jpeg/a72f1cb8e19d649902859638ea458812.jpg'),
+            },
+            {
+              id: 2,
+              title: '烈士褒扬条例',
+              imgUrl: require('@/static/jpeg/a72f1cb8e19d649902859638ea458812.jpg'),
+            },
+            {
+              id: 2,
+              title: '军队专业干部安置暂行办法',
+              imgUrl: require('@/static/jpeg/a72f1cb8e19d649902859638ea458812.jpg'),
+            },
+            {
+              id: 2,
+              title: '退役士兵安置条例',
+              imgUrl: require('@/static/jpeg/a72f1cb8e19d649902859638ea458812.jpg'),
+            }
+          ],
+          []
+        ]
+      }
+    },
+    onLoad() {
+    	this.getDataList(0);
+    },
+    onShow() {
+    	this.getBannerList();
+    },
+    methods: {
+      getBannerList(){
+      	this.$u.api.getIndexBannerList()
+      	.then(res=>{
+          if(!res) return;
+      		this.bannerList = res?.data || [];
+          this.bannerList = [];
+          this.bannerList.push(
+            {
+              bannerUrl: require('@/static/jpeg/e2f3c933be411c565ec65cd49e832ac8.jpeg'),
+              content: '<p>代码固定测试内容999998</p>',
+              id: "999998",
+              name: "代码固定测试999998"
+            }
+          );
+          this.bannerList.push(
+            {
+              bannerUrl: require('@/static/jpeg/836ee345ca125ef429c04cfbabac0154.jpeg'),
+              content: '<p>代码固定测试内容999999</p>',
+              id: "999999",
+              name: "代码固定测试999999"
+            }
+          );
+      		console.log('bannerList',JSON.parse(JSON.stringify(res)));
+      	})
+      },
+      // 轮播图点击
+      swiperClick (index) {
+      	// console.log('swiperClick',index);
+      	if(this.bannerList[index].jumpUrl){
+      		let url = this.bannerList[index].jumpUrl.split('#')[1];
+      		this.$u.route({
+      			url: url,
+      		});
+      	}else{
+      		this.$u.route({
+      			url: 'pages/bannerDetails/bannerDetails',
+      			params: {
+      			  id: this.bannerList[index].id
+      			}
+      		})
+      	}
+      },
+      // 页面数据
+      getDataList(idx) {
+      	this.loadStatus.splice(idx,1,"nomore")
+      },
+      // tab栏切换
+      tabsSwiperChange(index) {
+      	this.swiperCurrent = index;
+      	this.getDataList(index);
+      },
+      transition({ detail: { dx } }) {
+      	this.$refs.policyInfoTabsSwiper.setDx(dx);
+      },
+      animationfinish({ detail: { current } }) {
+      	this.$refs.policyInfoTabsSwiper.setFinishCurrent(current);
+      	this.swiperCurrent = current;
+      	this.current = current;
+      },
+      reachBottom() {
+        this.loadStatus.splice(this.current,1,"loading");
+        setTimeout(() => {
+        	this.getDataList(this.current);
+        }, 1200);
+      },
+    }
+  }
+</script>
+
+<style lang="scss"
+  scoped>
+  @import './scss/policyInfo.scss'
+</style>

h5_web/pages/policyInfo/scss/policyInfo.scss

@@ -0,0 +1,82 @@
+/* #ifndef H5 */
+page {
+	height: 100%;
+	background-color: #f2f2f2;
+}
+/* #endif */
+
+.policyInfo{
+  &-banner{
+    
+  }
+  &-title{
+    width: 100%;
+    height: 82rpx;
+    text-align: center;
+    background: #FFF0DF;
+    
+    view:first-child{
+      padding-top: 20rpx;
+      font-size: 28rpx;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #EB5F29;
+      line-height: 40rpx;
+      letter-spacing: 1px;
+    }
+  }
+  
+  &-wrap{
+    display: flex;
+    flex-direction: column;
+    min-height: 60vh;
+    width: 100%;
+    
+    .swiper-box{
+      flex: 1;
+      
+      .swiper-item{
+        height: 100%;
+        
+        .page-box{
+          padding: 20rpx 30rpx;
+          
+          .policyInfo-container{
+            padding: 0 32rpx;
+            margin-bottom: 20rpx;
+            background-color: #FFFFFF;
+            border-radius: 10rpx;
+            
+            .item{
+              display: flex;
+              flex-wrap: wrap;
+              justify-content: space-between;
+              
+              .title{
+                padding: 55rpx 0;
+                font-size: 30rpx;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #000000;
+                line-height: 42rpx;
+                letter-spacing: 1px;
+              }
+              
+              .item-image{
+                padding: 26rpx 0;
+                text-align: center;
+                
+                .image{
+                  width: 128rpx;
+                  height: 101rpx;
+                  box-shadow: 0 0 10rpx 0 rgba(77, 77, 77, 0.23);
+                  border-radius: 7rpx;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}