Merge branch 'main' of http://124.243.245.42:3000/sdz/ks-app-employment-service

packageRc/pages/index/index.vue

@@ -1,11 +1,11 @@
 <!--
  * @Date: 2025-10-16 15:15:47
- * @LastEditors: lip
- * @LastEditTime: 2026-01-14 21:33:18
+ * @LastEditors: shirlwang
+ * @LastEditTime: 2026-01-27 09:30:18
 -->
 <template>
   <!-- @scroll="handleScroll" @scrolltolower="scrollBottom" -->
-  <scroll-view :scroll-y="true" class="container" style="background-image: url('../../../packageRc/static/pageBg.png');">
+  <scroll-view :scroll-y="true" class="container" style="background-image: url('../../../packageRc/static/pageBgIndex.png');">
     <view style="padding: 40rpx 28rpx;">
          <!-- #ifdef MP-WEIXIN -->
       <view class="kinggang">
@@ -31,6 +31,17 @@
         </view>
       </view>
       <!-- #endif -->
+      <view class="showtab">
+        <view class="tabItem" @click="changeType(1)">
+          <image src="/packageRc/static/gw.png"/>
+          <image v-show="tabType == 1" class="activeImg" src="/packageRc/static/activeTangle.png"/>
+        </view>
+        <view class="tabItem" @click="changeType(2)">
+          <image src="/packageRc/static/zc.png"/>
+          <image v-show="tabType == 2" class="activeImg" src="/packageRc/static/activeTangle.png"/>
+        </view>
+      </view>
+      <template v-if="tabType == 1">
         <view class="tabs">
           <view class="tab" :class="{active: pageState.type == ''}" @click="changeJobType('')">岗位列表</view>
           <view class="tab" :class="{active: pageState.type == 2}" @click="changeJobType(2)">实习实训</view>
@@ -62,6 +73,9 @@
         </view>
         
         <view class="view-more-btn" @click="viewMore">查看更多内容</view>
+
+      </template>
+      <template v-else>
         <view class="titles" style="justify-content: space-between;">
           <view class="title-item active"><view>政策专区</view></view>
           <view @click="toPolicyList">{{'查看更多 >'}}</view>
@@ -79,6 +93,7 @@
             <view><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{item.createTime}}</view>
           </view>
         </view>
+      </template>
     </view>
   </scroll-view>
 </template>
@@ -94,7 +109,10 @@ function getPolicy() {
     policyList.value = res.rows
   })
 }
-
+let tabType = ref(1)
+function changeType(type) {
+  tabType.value = type
+}
 function toPolicyList() {
   navTo(`/packageRc/pages/policy/policyList?zclx=1`)
 }
@@ -377,4 +395,22 @@ view{box-sizing: border-box;display: block;}
   margin: 0 auto;
   margin-bottom: 20rpx;
 }
+.showtab{
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 40rpx;
+  .tabItem{
+    position: relative;
+    width: calc(50% - 8rpx);
+    height: 144rpx;
+  }
+  .activeImg{
+    position: absolute;
+    width: 143rpx;
+    height: 18rpx;
+    bottom: -24rpx;
+    right: 50%;
+    transform: translateX(50%);
+  }
+}
 </style>