样式修改

pagesB/jobFair/enterprisesClassification.vue

@@ -5,21 +5,19 @@
       <view style="position: relative;">
         <!-- 轮播图 -->
         <SwiperAd v-if="swiperAdList.length" :list="swiperAdList" margin="0" borderRadius="0" @click="handleToDetails"></SwiperAd>
-        <view class="stick" :style="`background-color: ${backgroundColor}`"><view style="position: relative;" class="ss-m-t-30" >
-          <view class="ss-p-y-30">
-            <view style="position: relative;"></view>
-              <uni-search-bar
-                v-model="query.content"
-                placeholder="输入关键字"
-                cancelButton="none"
-                :focus="false"
-                bgColor="#fff"
-                @confirm="onSearch($event.value)"
-                @clear="query.content = ''; onSearch()"
-              >
-              </uni-search-bar>
-              <button class="search-btn" @tap.stop="onSearch">搜索</button>
-            </view>
+        <view class="stick ss-p-y-30" :style="`background-color: ${backgroundColor}`">
+          <view style="position: relative;">
+            <uni-search-bar
+              v-model="query.content"
+              placeholder="输入关键字"
+              cancelButton="none"
+              :focus="false"
+              bgColor="#fff"
+              @confirm="onSearch($event.value)"
+              @clear="query.content = ''; onSearch()"
+            >
+            </uni-search-bar>
+            <button class="search-btn" @tap.stop="onSearch">搜索</button>
           </view>
           <!-- tab页签 -->
           <scroll-view v-if="tabList?.length" scroll-x="true" class="scroll-container">
@@ -70,7 +68,7 @@
         </view>
         <!-- 招聘会分享按钮 -->
         <view v-if="showShareBtn" class="shareButtonBox" @tap="handleShare">
-          <uni-icons type="redo-filled" size="20" color="#fff" />
+          <uni-icons type="redo-filled" size="23" color="#fff" />
         </view>
       </view>
     </scroll-view>
@@ -166,6 +164,7 @@ const getEnterpriseList = async () => {
     //
     const res = await getJobFairEnterprisePage(params)
     const list = res?.data?.list || []
+    // list.push(...[].concat(...Array(10).fill(list))) // 测试滚动效果
     listData.value = listData.value.concat(dealDictArrayData([], list))
     loading.value = false
     if (listData.value?.length === +res?.data?.total) {
@@ -241,6 +240,7 @@ const handleShare = () => {
   // padding: 1px 0 120rpx;
   padding-bottom: 120rpx;
   margin: 0 5rpx;
+  margin-top: -10px;
   .enterpriseName {
     color: #404040;
     font-weight: 700;
@@ -320,7 +320,7 @@ const handleShare = () => {
 .search-btn {
   position: absolute;
   right: 13px;
-  top: 19px;
+  top: 3px;
   width: 106px;
   height: 34px;
   line-height: 34px;

pagesB/jobFair/positionClassification.vue

@@ -4,40 +4,64 @@
   <view class="box" :style="`background-color: ${backgroundColor}`">
     <scroll-view class="scrollBox" :scroll-y="true" :scroll-top="scrollTop" @scrolltolower="loadingMore" @scroll="onScroll" style="position:relative;">
       <view style="position: relative;">
-        <!-- 轮播图 -->
-        <SwiperAd v-if="swiperAdList.length && !query.enterpriseId" :list="swiperAdList" margin="0" borderRadius="0"></SwiperAd>
-        <view class="stick" :style="`background-color: ${backgroundColor}`">
-          <view style="position: relative;" class="ss-m-t-30" >
-            <uni-search-bar
-              v-model="query.content"
-              placeholder="输入关键字"
-              cancelButton="none"
-              :focus="false"
-              bgColor="#fff"
-              @confirm="onSearch($event.value)"
-              @clear="query.content = ''; onSearch()"
-            >
-            </uni-search-bar>
-            <button class="search-btn" @tap.stop="onSearch">搜索</button>
+
+        <!-- 招聘会企业下的职位列表 -->
+        <template v-if="query?.enterpriseId">
+          <view class="enterpriseName" :style="`color: ${entNameColor}`">{{ entName }}</view>
+          <!-- 超长企业名称超长企业名称名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称超长企业名称123 -->
+          <view class="stick ss-p-y-30" :style="`background-color: ${backgroundColor}`">
+            <!-- 搜索条 -->
+            <view style="position: relative;">
+              <uni-search-bar
+                v-model="query.content"
+                placeholder="输入关键字"
+                cancelButton="none"
+                :focus="false"
+                bgColor="#fff"
+                @confirm="onSearch($event.value)"
+                @clear="query.content = ''; onSearch()"
+              >
+              </uni-search-bar>
+              <button class="search-btn" @tap.stop="onSearch">搜索</button>
+            </view>
           </view>
-          <!-- tab页签 -->
-          <scroll-view v-if="tabList?.length && !query.enterpriseId" scroll-x="true" class="scroll-container">
-            <view
-              class="scroll-item"
-              :style="`margin-left: ${index ? '24px' : ''};`"
-              v-for="(val, index) in tabList" :key="index+val"
-              @tap="handClickTab(index)"
-            >
-              <view>
-                <view class="text">{{ val.title }}</view>
-                <view v-if="index === tabIndex" class="choose" style="background-color: #fff;"></view>
-                <view v-else class="choose" style="background-color: #ffffff00;"></view>
-              </view>
+        </template>
+
+        <!-- 招聘会职位列表 -->
+        <template v-else>
+          <SwiperAd v-if="swiperAdList.length && !query.enterpriseId" :list="swiperAdList" margin="0" borderRadius="0"></SwiperAd>
+          <view class="stick ss-p-t-30" :style="`background-color: ${backgroundColor}`">
+            <view style="position: relative;">
+              <uni-search-bar
+                v-model="query.content"
+                placeholder="输入关键字"
+                cancelButton="none"
+                :focus="false"
+                bgColor="#fff"
+                @confirm="onSearch($event.value)"
+                @clear="query.content = ''; onSearch()"
+              >
+              </uni-search-bar>
+              <button class="search-btn" @tap.stop="onSearch">搜索</button>
             </view>
-          </scroll-view>
-          <!-- entName 企业》企业内职位列表 -->
-          <view v-if="entName && query.enterpriseId" class="enterpriseName" :style="`color: ${entNameColor}`">{{ entName }}</view>
-        </view>
+            
+            <!-- 横向分类页签 -->
+            <scroll-view v-if="tabList?.length && !query.enterpriseId" scroll-x="true" class="scroll-container">
+              <view
+                class="scroll-item"
+                :style="`margin-left: ${index ? '24px' : ''};`"
+                v-for="(val, index) in tabList" :key="index+val"
+                @tap="handClickTab(index)"
+              >
+                <view>
+                  <view class="text">{{ val.title }}</view>
+                  <view v-if="index === tabIndex" class="choose" style="background-color: #fff;"></view>
+                  <view v-else class="choose" style="background-color: #ffffff00;"></view>
+                </view>
+              </view>
+            </scroll-view>
+          </view>
+        </template>
         <view v-if="listData?.length" class="listDataBox">
           <PositionList
             :list="listData"
@@ -53,7 +77,7 @@
         </view>
         <!-- 招聘会分享按钮 -->
         <view v-if="showShareBtn" class="shareButtonBox" @tap="handleShare">
-          <uni-icons type="redo-filled" size="20" color="#fff" />
+          <uni-icons type="redo-filled" size="23" color="#fff" />
         </view>
       </view>
     </scroll-view>
@@ -289,25 +313,11 @@ const handleShare = () => {
 }
 
 .enterpriseName {
-  position: relative;
-  padding: 18px 30rpx;
-  padding-left: 39px;
-  height: 24px;
-  line-height: 24px;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
-  &::before {
-    display: block;
-    content: '';
-    width: 4px;
-    height: 24px;
-    background-color: #fff;
-    position: absolute;
-    top: 20px;
-    left: 25px;
-    border-radius: 2px;
-  }
+  line-height: 28px;
+  padding: 15px 80px 15px 30px;
 }
 
 :deep(.uni-searchbar) {