样式优化

pages/index/index.vue

@@ -35,16 +35,16 @@
 		<block v-else>
 			<!-- 用户端 -->
 			<block v-if="userType==1">
-				<view class="topbg">
+				<!-- <view class="topbg"> -->
 					<!-- 顶部图片区 -->
 					<!-- #ifdef H5 -->
 					<!-- <view class="banner flex justify-center" style="padding-top: 20rpx;"
 						v-if="bannerListuser.length!=0"> -->
 					<!-- #endif -->
-						<!-- #ifndef H5 -->
-						<!-- <view class="banner flex justify-center" v-if="bannerListuser.length!=0"> -->
-						<!-- #endif -->
-							<!-- <view class="banner-box">
+					<!-- #ifndef H5 -->
+					<!-- <view class="banner flex justify-center" v-if="bannerListuser.length!=0"> -->
+					<!-- #endif -->
+					<!-- <view class="banner-box">
 								<swiper :indicator-dots="false" style="width: 100%;height: 100%;" :autoplay="true"
 									:interval="5000" :duration="300">
 									<swiper-item v-for="(item,index) in bannerListuser" :key="index"
@@ -59,8 +59,8 @@
 								</swiper>
 							</view>
 						</view> -->
-						<!-- 公告区 -->
-						<!-- <view class="announcement" v-if="gongao.length!=0">
+					<!-- 公告区 -->
+					<!-- <view class="announcement" v-if="gongao.length!=0">
 							<view class="announcementbox">
 								<view class="anount">最新公告</view>
 								<view class="anounts flex align-center" v-if="gongao.length>0">
@@ -76,8 +76,8 @@
 							</view>
 						</view> -->
 
-						<!-- 企业端 -->
-						<!-- <view v-if="gridlist.length!=0">
+					<!-- 企业端 -->
+					<!-- <view v-if="gridlist.length!=0">
 							<u-grid :col="4" :border="false">
 								<u-grid-item bg-color="#00DD9A">
 									<view v-for="(item,index) in gridlist" :key="index" style="text-align: center;"
@@ -91,106 +91,109 @@
 
 							</u-grid>
 						</view> -->
-					</view>
-				<view class="topbg-sticky" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
+				<!-- </view> -->
+				<view class="topbg-sticky">
+					<image class="top-bg" src="/static/images/index/index-bg.png" mode="widthFix" />
+					<!-- <view class="top-bg"></view> -->
 					<!-- 标题-搜索 -->
-					<view class="topbg-sticky-box">
-							<view class="topbg-sticky-title flex justify-between align-center">
-								<view class="topbg-sticky-title-left flex align-center">
-									<image src="../../static/images/index/xingIcon.svg" class="xing-icon" />
-									<view>星光不负逐梦人</view>
-								</view>
-								<view class="topbg-sticky-title-right flex align-center"
-									@click="goNavs('/package/search/search')">
-									<u-icon name="search" color="#ffffff" size="40"></u-icon>
-								</view>
+					<view class="topbg-sticky-box" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
+						<view class="topbg-sticky-title flex justify-between align-center">
+							<view class="topbg-sticky-title-left flex align-center">
+								<image src="../../static/images/index/xingIcon.svg" class="xing-icon" />
+								<view>星光不负逐梦人</view>
+							</view>
+							<view class="topbg-sticky-title-right flex align-center"
+								@click="goNavs('/package/search/search')">
+								<u-icon name="search" color="#ffffff" size="40"></u-icon>
 							</view>
-							<view class="topbg-sticky-subtitle">亿职赞，愿你在追梦路上找到心仪工作</view>
 						</view>
+						<view class="topbg-sticky-subtitle">亿职赞，愿你在追梦路上找到心仪工作</view>
+					</view>
 
-						<!-- tabs和筛选 -->
-						<view class="topbg-type flex justify-center">
-							<view class="topbg-type-box">
-								<!-- 第一行：tabs -->
-								<view class="topbg-type-box-row flex justify-between align-center">
-									<view class="topbg-type-box-l flex align-center">
-										<view class="topbg-type-box-l-i" :class="current==index?'active':''"
-											@tap="current = index" v-for="(item,index) in typeList" :key="index">
-											{{item.label}}
-										</view>
-									</view>
-									<!-- 添加求职意向 -->
-									<view class="topbg-yx-box-r flex align-center"
-										@click="goNav('/package/jobIntention/jobIntention')">
-										<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
+					<!-- tabs和筛选 -->
+					<view class="topbg-type flex justify-center">
+						<view class="topbg-type-box">
+							<!-- 第一行：tabs -->
+							<view class="topbg-type-box-row flex justify-between align-center">
+								<view class="topbg-type-box-l flex align-center">
+									<view class="topbg-type-box-l-i" :class="current==index?'active':''"
+										@tap="current = index" v-for="(item,index) in typeList" :key="index">
+										{{item.label}}
 									</view>
 								</view>
-								
-								<!-- 第二行：筛选 -->
-								<view class="topbg-sx-box flex justify-between align-center">
-									<!-- 分类 -->
-									<view v-if="current != typeList.length - 1" class="topbg-sx-box-l flex align-center">
-										<view class="topbg-sx-box-l-i" :class="currentSx==index?'active3':''"
-											@click="currentSx = index" v-for="(item,index) in sxTypeList" :key="index">
-											{{item.name}}
-										</view>
-									</view>
-									
-									<view class="topbg-sx-box-r flex align-center">
-										<!-- 城市 -->
-										<view class="topbg-sx-box-r-i flex align-center" style="">
-											<text style="margin-right: 10rpx;"
-											@click="goNavs('/package/jobIntention/city')">{{city?city:'选择城市'}}</text>
-											<u-icon name="arrow-down" color="#00B78F" size="16"
-												@click="goNavs('/package/jobIntention/city')"></u-icon>
-										</view>
+								<!-- 添加求职意向 -->
+								<view class="topbg-yx-box-r flex align-center"
+									@click="goNav('/package/jobIntention/jobIntention')">
+									<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
+								</view>
+							</view>
 
-										<!-- <text style="color: #CCCCCC;margin-left: 30rpx;margin-right: 30rpx;">|</text> -->
-										<block v-if="current != typeList.length - 1">
-											<!-- 筛选 -->
-											<view class="topbg-sx-box-filter flex align-center">
-												<text style="margin-right: 10rpx;"
-													@click="goNavs('/package/screen/screen')">筛选</text>
-												<u-icon name="arrow-down" color="#999999" size="16"
-													@click="goNavs('/package/screen/screen')"></u-icon>
-											</view>
-										</block>
-										<block v-else>
-											<!-- 筛选 -->
-											<view class="topbg-sx-box-filter flex align-center">
-												<text style="margin-right: 10rpx;"
-													@click="goNavs('/package/screen/screenComp')">筛选</text>
-												<u-icon name="arrow-down" color="#999999" size="16"
-													@click="goNavs('/package/screen/screenComp')"></u-icon>
-											</view>
-										</block>
+							<!-- 第二行：筛选 -->
+							<view class="topbg-sx-box flex justify-between align-center">
+								<!-- 分类 -->
+								<view v-if="current != typeList.length - 1" class="topbg-sx-box-l flex align-center">
+									<view class="topbg-sx-box-l-i" :class="currentSx==index?'active3':''"
+										@click="currentSx = index" v-for="(item,index) in sxTypeList" :key="index">
+										{{item.name}}
 									</view>
 								</view>
 
-								<!-- 从事方向 -->
-								<view class="direction-tip">
-									<view class="direction-tip-title">请选择您可从事方向</view>
-									<view class="direction-tip-subtitle">您的偏好选择将用于为您推荐更匹配的职位</view>
-									
-									<!-- 标签选择 -->
-									<view class="direction-tags flex align-center flex-wrap">
-										<view class="direction-tag" :class="currentDirection==index?'active':''"
-											@click="currentDirection=index" v-for="(item,index) in directionList" :key="index">
-											{{item.name}}
-										</view>
-										<view class="direction-tag-add" @click="addDirection">
-											<text>对应职位相关标签</text>
+								<view class="topbg-sx-box-r flex align-center">
+									<!-- 城市 -->
+									<view class="topbg-sx-box-r-i flex align-center" style="">
+										<text style="margin-right: 10rpx;"
+											@click="goNavs('/package/jobIntention/city')">{{city?city:'选择城市'}}</text>
+										<u-icon name="arrow-down" color="#00B78F" size="16"
+											@click="goNavs('/package/jobIntention/city')"></u-icon>
+									</view>
+
+									<!-- <text style="color: #CCCCCC;margin-left: 30rpx;margin-right: 30rpx;">|</text> -->
+									<block v-if="current != typeList.length - 1">
+										<!-- 筛选 -->
+										<view class="topbg-sx-box-filter flex align-center">
+											<text style="margin-right: 10rpx;"
+												@click="goNavs('/package/screen/screen')">筛选</text>
+											<u-icon name="arrow-down" color="#999999" size="16"
+												@click="goNavs('/package/screen/screen')"></u-icon>
 										</view>
-										<view class="direction-tag-plus" @click="addDirection">
-											<u-icon name="plus" color="#999999" size="16"></u-icon>
+									</block>
+									<block v-else>
+										<!-- 筛选 -->
+										<view class="topbg-sx-box-filter flex align-center">
+											<text style="margin-right: 10rpx;"
+												@click="goNavs('/package/screen/screenComp')">筛选</text>
+											<u-icon name="arrow-down" color="#999999" size="16"
+												@click="goNavs('/package/screen/screenComp')"></u-icon>
 										</view>
+									</block>
+								</view>
+							</view>
+
+							<!-- 从事方向 -->
+							<view class="direction-tip">
+								<view class="direction-tip-title">请选择您可从事方向</view>
+								<view class="direction-tip-subtitle">您的偏好选择将用于为您推荐更匹配的职位</view>
+
+								<!-- 标签选择 -->
+								<view class="direction-tags flex align-center flex-wrap">
+									<view class="direction-tag" :class="currentDirection==index?'active':''"
+										@click="currentDirection=index" v-for="(item,index) in directionList"
+										:key="index">
+										{{item.name}}
+									</view>
+									<view class="direction-tag-add" @click="addDirection">
+										<text>对应职位相关标签</text>
+									</view>
+									<view class="direction-tag-plus" @click="addDirection">
+										<u-icon name="plus" color="#999999" size="16"></u-icon>
 									</view>
 								</view>
 							</view>
 						</view>
+					</view>
 
-						<!-- 求职意向 -->
-						<!-- <view class="topbg-yx flex justify-center flex-wrap">
+					<!-- 求职意向 -->
+					<!-- <view class="topbg-yx flex justify-center flex-wrap">
 							<view v-if="current != typeList.length - 1"
 								class="topbg-yx-box flex justify-between align-center">
 								<view class="topbg-yx-box-l ">
@@ -209,85 +212,87 @@
 								</view>
 							</view>
 						</view> -->
-						<!-- <view
+					<!-- <view
 							style="width: 100%;height: 40rpx;background: #F2F2F7;border-radius: 40rpx 40rpx 0 0;margin-top: 20rpx;"
 							v-if="current == typeList.length - 1 && companList.length>0"></view> -->
-					</view>
-					<!-- 岗位推荐 -->
-					<block v-if="current != typeList.length - 1">
-						<view class="gwList flex justify-center" v-if="dataList.length>0">
-							<view class="gwList-box">
-								<scroll-view scroll-y="true" style="width: 100%;height: 60vh;">
-									<view class="gwList-box-item flex justify-center" @click="gotoInfo(item.postPushId)"
-										v-for="(item,index) in dataList" :key="index">
-										<view class="gwList-box-item-box">
-											<!-- 标题-薪资 -->
-											<view class="gwList-box-item-box-title flex justify-between align-center">
-												<view class="title-left flex align-center">
-													<view class="job-title-text"
-														style="max-width: 450rpx;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;">
-														<block v-if="isSameName(item.ruleClassifyName,item.stationName)">
-															{{item.ruleClassifyName}}-
-														</block>
-														<block>
-															{{item.stationName}}
-														</block>
-													</view>
-													<view class="salary-text-box">
-														<image src="../../static/images/index/jipinIcom.svg" class="jipin-icon" />
-														<text class="jipin-text">急聘</text>
-													</view>
+				</view>
+				<!-- 岗位推荐 -->
+				<block v-if="current != typeList.length - 1">
+					<view class="gwList flex justify-center" v-if="dataList.length>0">
+						<view class="gwList-box">
+							<scroll-view scroll-y="true" style="width: 100%;height: 60vh;">
+								<view class="gwList-box-item flex justify-center" @click="gotoInfo(item.postPushId)"
+									v-for="(item,index) in dataList" :key="index">
+									<view class="gwList-box-item-box">
+										<!-- 标题-薪资 -->
+										<view class="gwList-box-item-box-title flex justify-between align-center">
+											<view class="title-left flex align-center">
+												<view class="job-title-text"
+													style="max-width: 450rpx;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;">
+													<block v-if="isSameName(item.ruleClassifyName,item.stationName)">
+														{{item.ruleClassifyName}}-
+													</block>
+													<block>
+														{{item.stationName}}
+													</block>
 												</view>
-												<text class="salary-text">{{item.salaryRange}}</text>
-											</view>
-											<!-- 公司名称-公司人数 -->
-											<view class="gwList-box-item-box-name flex align-center">
-												<text class="company-name" style="margin-right: 8rpx;">{{item.company?item.company.companyName:''}}</text>
-												<text class="company-people"
-													v-if="item.company">{{item.company?item.company.companyPeople:'0人'}}</text>
-											</view>
-											<!-- 职位标签 -->
-											<view class="gwList-box-item-box-label flex align-center flex-wrap">
-												<text class="job-tag">{{item.education}}</text>
-												<text class="job-tag">{{item.experience}}</text>
-												<text class="job-tag" v-for="(ite,ind) in item.positionWelfare" :key="ind">{{ite}}</text>
-											</view>
-											<!-- <view class="gwList-box-item-box-line"></view> -->
-											<!-- 公司简介-位置 -->
-											<view class="gwList-box-item-box-info flex justify-between align-center">
-												<view class="gwList-box-item-box-info-l flex align-center">
-													<image
-														:src="item.company?item.company.companyLogo:'../../static/logo.png'"
-														style="width: 58rpx;height: 58rpx;border-radius: 50%;margin-right: 20rpx;"
-														mode=""></image>
-													<view class="company-info-text" v-if="item.company">
-														{{item.company.companyLegalPerson?item.company.companyLegalPerson:'未知'}}·人事总监
-													</view>
-													<view class="reply-time">10分钟前回复</view>
+												<view class="salary-text-box">
+													<image src="../../static/images/index/jipinIcom.svg"
+														class="jipin-icon" />
+													<text class="jipin-text">急聘</text>
 												</view>
-												<view class="location-text">
-												  {{item.distance}} {{item.county}} {{item.address}}
+											</view>
+											<text class="salary-text">{{item.salaryRange}}</text>
+										</view>
+										<!-- 公司名称-公司人数 -->
+										<view class="gwList-box-item-box-name flex align-center">
+											<text class="company-name"
+												style="margin-right: 8rpx;">{{item.company?item.company.companyName:''}}</text>
+											<text class="company-people"
+												v-if="item.company">{{item.company?item.company.companyPeople:'0人'}}</text>
+										</view>
+										<!-- 职位标签 -->
+										<view class="gwList-box-item-box-label flex align-center flex-wrap">
+											<text class="job-tag">{{item.education}}</text>
+											<text class="job-tag">{{item.experience}}</text>
+											<text class="job-tag" v-for="(ite,ind) in item.positionWelfare"
+												:key="ind">{{ite}}</text>
+										</view>
+										<!-- <view class="gwList-box-item-box-line"></view> -->
+										<!-- 公司简介-位置 -->
+										<view class="gwList-box-item-box-info flex justify-between align-center">
+											<view class="gwList-box-item-box-info-l flex align-center">
+												<image
+													:src="item.company?item.company.companyLogo:'../../static/logo.png'"
+													style="width: 58rpx;height: 58rpx;border-radius: 50%;margin-right: 20rpx;"
+													mode=""></image>
+												<view class="company-info-text" v-if="item.company">
+													{{item.company.companyLegalPerson?item.company.companyLegalPerson:'未知'}}·人事总监
 												</view>
+												<view class="reply-time">10分钟前回复</view>
+											</view>
+											<view class="location-text">
+												{{item.distance}} {{item.county}} {{item.address}}
 											</view>
 										</view>
 									</view>
-								</scroll-view>
-							</view>
-						</view>
-						<!-- 暂无数据 -->
-						<view class="gwList" v-else>
-							<empty />
+								</view>
+							</scroll-view>
 						</view>
-					</block>
-
-					<view class="companyListBox" v-if="current == typeList.length - 1 && companList.length>0">
-						<companyListIndex @goInfo="goInfo" :item="item" v-for="(item,index) in companList"
-							:key="index" />
 					</view>
-
-					<view class="gwList" v-if="current == typeList.length - 1 && companList.length==0">
+					<!-- 暂无数据 -->
+					<view class="gwList" v-else>
 						<empty />
 					</view>
+				</block>
+
+				<view class="companyListBox" v-if="current == typeList.length - 1 && companList.length>0">
+					<companyListIndex @goInfo="goInfo" :item="item" v-for="(item,index) in companList" :key="index" />
+				</view>
+
+				<view class="gwList" v-if="current == typeList.length - 1 && companList.length==0">
+					<empty />
+				</view>
 			</block>
 			<!-- 企业版 -->
 			<block v-else>
@@ -307,7 +312,7 @@
 						</view>
 					</view>
 				-->
-				
+
 				<!-- 最新公告 -->
 				<view class="announcement" v-if="gongao.length!=0">
 					<view class="announcementbox">
@@ -336,14 +341,17 @@
 				</view>
 
 				<!-- 筛选 -->
-				<u-sticky @fixed="isfixed" @unfixed="isunfixed" :radius='40' h5-nav-height="0" :enable="enable">
-					<view class="qySx flex justify-center" :class="isfixeds==true?'isfixed':'isfixeds'" :style="{ paddingTop: (12 + statusBarHeight) + 'px !important' }">
+				<!-- :style="{ paddingTop: (12 + statusBarHeight) + 'px !important' }" -->
+				<u-sticky @fixed="isfixed" @unfixed="isunfixed" h5-nav-height="0" bg-color="#F2F2F7" :enable="enable">
+					<view class="qySx flex justify-center" :class="isfixeds==true?'isfixed':'isfixeds'">
+						<image class="qySx-bg" src="/static/images/index/index-bg1.png" mode="widthFix"></image>
 						<view class="qySx-box">
 							<!-- 第一行：tabs -->
 							<view class="qySx-box-row flex justify-between align-center">
 								<view class="qySx-box-l flex align-center">
 									<view class="qySx-box-l-i" :class="currentJobSx==index?'active':''"
-										@tap="currentJobSx=index;getDomWidth()" v-for="(item,index) in jobSxTypeList" :key="index">
+										@tap="currentJobSx=index;getDomWidth()" v-for="(item,index) in jobSxTypeList"
+										:key="index">
 										{{item.name}}
 									</view>
 								</view>
@@ -352,17 +360,18 @@
 									<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
 								</view>
 							</view>
-							
+
 							<!-- 第二行：筛选 -->
 							<view class="qySx-sx-box flex justify-between align-center">
 								<!-- 分类 -->
 								<view class="qySx-sx-box-l flex align-center">
 									<view class="qySx-sx-box-l-i" :class="currentJobSxs==index?'active3':''"
-										@click="currentJobSxs=index" v-for="(item,index) in jobSxsTypeList" :key="index">
+										@click="currentJobSxs=index" v-for="(item,index) in jobSxsTypeList"
+										:key="index">
 										{{item.name}}
 									</view>
 								</view>
-								
+
 								<view class="qySx-sx-box-r flex align-center">
 									<!-- 城市 -->
 									<view class="qySx-sx-box-r-i flex align-center">
@@ -548,10 +557,22 @@
 				companList: [], //公司列表
 				currentDirection: 0, //当前选中的方向
 				directionList: [ //方向列表
-					{id: 1, name: '不限'},
-					{id: 2, name: '内容运营'},
-					{id: 3, name: '投放运营'},
-					{id: 4, name: '店铺运营'}
+					{
+						id: 1,
+						name: '不限'
+					},
+					{
+						id: 2,
+						name: '内容运营'
+					},
+					{
+						id: 3,
+						name: '投放运营'
+					},
+					{
+						id: 4,
+						name: '店铺运营'
+					}
 				],
 			};
 		},
@@ -643,7 +664,7 @@
 			// 获取状态栏高度
 			let systemInfo = uni.getSystemInfoSync();
 			this.statusBarHeight = systemInfo.statusBarHeight || 0;
-			
+
 			// #ifdef APP
 			this.getAudioPermision()
 			// #endif
@@ -767,13 +788,13 @@
 				that.city = data.city
 				uni.setStorageSync('city', that.city)
 			})
-			
+
 			// 监听标签选择
 			uni.$once('tagSelected', data => {
 				console.log('选择的标签:', data)
 				// 这里可以处理选择的标签数据
 			})
-			
+
 			this.getBannerList()
 			this.getgridList()
 			this.getgonggaoList()
@@ -1528,7 +1549,7 @@
 					url: '/package/jobIntention/tagManage'
 				})
 			},
-			
+
 			//关闭VIP推荐
 			closeVipRecommend() {
 				// 这里可以添加关闭逻辑，比如隐藏卡片或记录用户选择
@@ -1615,26 +1636,35 @@
 	}
 
 	.topbg-sticky {
-		box-shadow: 0px 4px 62px 0px rgba(153, 171, 198, 0.18);
-		background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
-		width: 100%;
-		height: 300rpx;
-		position: sticky;
-		top: 0px;
+		
+	}
+	.top-bg{
+		// box-shadow: 0px 4px 62px 0px rgba(153, 171, 198, 0.18);
+		// background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
+		// width: 100%;
+		// height: 300rpx;
+		// position: sticky;
+		// top: 0px;
 		// z-index: 999;
 		
 		/* 波浪效果 */
-		--c: rgba(255, 255, 255, 0.1);
-		--w1: radial-gradient(100% 57% at top, #0000 100%, var(--c) 100.5%) no-repeat;
-		--w2: radial-gradient(100% 57% at bottom, var(--c) 100%, #0000 100.5%) no-repeat;
-		background: var(--w1), var(--w2), linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
-		background-position: 0% 100%, 100% 100%, 0 0;
-		background-size: 50% 100%, 50% 100%, 100% 100%;
+		// --c: rgba(255, 255, 255, 0.1);
+		// --w1: radial-gradient(100% 57% at top, #0000 100%, var(--c) 100.5%) no-repeat;
+		// --w2: radial-gradient(100% 57% at bottom, var(--c) 100%, #0000 100.5%) no-repeat;
+		// background: var(--w1), var(--w2), linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
+		// background-position: 0% 100%, 100% 100%, 0 0;
+		// background-size: 50% 100%, 50% 100%, 100% 100%;
+		position: absolute;
+		top:0;
+		z-index: 0;
+		width: 100%;
 	}
 
 	.topbg-sticky-box {
 		width: 100%;
 		padding: 0 40rpx;
+		position: relative;
+		z-index: 1;
 	}
 
 	.topbg-sticky-title {
@@ -1680,6 +1710,8 @@
 		// background: transparent;
 		padding: 18rpx;
 		margin: 24rpx auto 12rpx auto;
+		position: relative;
+		z-index: 1;
 
 		.topbg-type-box {
 			width: 686rpx;
@@ -1732,7 +1764,7 @@
 
 	.direction-tip {
 		margin-top: 20rpx;
-		
+
 		.direction-tip-title {
 			color: rgba(51, 51, 51, 1);
 			font-family: DM Sans;
@@ -1743,7 +1775,7 @@
 			text-align: left;
 			margin-bottom: 8rpx;
 		}
-		
+
 		.direction-tip-subtitle {
 			margin-top: 16rpx;
 			color: rgba(153, 153, 153, 1);
@@ -1757,7 +1789,7 @@
 
 		.direction-tags {
 			margin-top: 16rpx;
-			
+
 			.direction-tag {
 				color: rgba(153, 153, 153, 1);
 				font-family: DM Sans;
@@ -1853,9 +1885,6 @@
 
 		.topbg-yx-box-l {
 			width: 62%;
-
-
-
 			.topbg-yx-box-l-i {
 				display: inline-block;
 				margin-right: 50rpx;
@@ -1972,7 +2001,7 @@
 		align-items: center;
 		gap: 8rpx;
 	}
-	
+
 	.job-title-text {
 		color: rgba(23, 23, 37, 1);
 		font-family: DM Sans;
@@ -1982,7 +2011,7 @@
 		letter-spacing: 0.5%;
 		text-align: left;
 	}
-	
+
 	.salary-text-box {
 		border-radius: 24rpx;
 		background: #FEE2E3;
@@ -1990,13 +2019,13 @@
 		justify-content: flex-start;
 		align-items: center;
 		padding: 6rpx 24rpx;
-		
+
 		.jipin-icon {
 			width: 20rpx;
 			height: 20rpx;
 			margin-right: 4rpx;
 		}
-		
+
 		.jipin-text {
 			color: rgba(237, 66, 69, 1);
 			font-family: DM Sans;
@@ -2017,7 +2046,7 @@
 		letter-spacing: 0.5%;
 		text-align: right;
 	}
-	
+
 	.company-name,
 	.company-people {
 		color: rgba(156, 164, 171, 1);
@@ -2028,7 +2057,7 @@
 		letter-spacing: 0.5%;
 		text-align: left;
 	}
-	
+
 	.job-tag {
 		height: 42rpx;
 		display: flex;
@@ -2043,7 +2072,7 @@
 		color: rgba(153, 153, 153, 1);
 		font-size: 26rpx;
 	}
-	
+
 	.company-info-text,
 	.location-text {
 		color: rgba(156, 164, 171, 1);
@@ -2054,7 +2083,7 @@
 		letter-spacing: 0.5%;
 		text-align: left;
 	}
-	
+
 	.reply-time {
 		display: flex;
 		flex-direction: row;
@@ -2074,7 +2103,7 @@
 
 	.gwList {
 		width: 100%;
-		margin-top: 220rpx;
+		// margin-top: 220rpx;
 
 		.gwList-box {
 			width: 710rpx;
@@ -2118,19 +2147,19 @@
 				.gwList-box-item-box-info {
 					font-size: 26rpx;
 
-				.gwList-box-item-box-info-l {
-					color: #1A1A1A;
-					display: flex;
-					align-items: center;
-					gap: 12rpx;
-
-					.people {
-						max-width: 110rpx;
-						overflow: hidden; //超出的文本隐藏
-						text-overflow: ellipsis; //溢出用省略号显示
-						white-space: nowrap; // 默认不换行；
+					.gwList-box-item-box-info-l {
+						color: #1A1A1A;
+						display: flex;
+						align-items: center;
+						gap: 12rpx;
+
+						.people {
+							max-width: 110rpx;
+							overflow: hidden; //超出的文本隐藏
+							text-overflow: ellipsis; //溢出用省略号显示
+							white-space: nowrap; // 默认不换行；
+						}
 					}
-				}
 
 					.gwList-box-item-box-info-r {
 						color: #999999;
@@ -2165,13 +2194,20 @@
 	}
 
 	.qySx {
-		position: fixed;
-		top: 0;
-		z-index: 999;
-		width: 100%;
-		background: linear-gradient(180.00deg, rgba(255, 102, 0, 1),rgba(255, 89, 89, 1) 83%);
-		padding-bottom: 40rpx;
-		padding: 20rpx;
+		// position: fixed;
+		// top: 0;
+		// z-index: 999;
+		// width: 100%;
+		// background: linear-gradient(180.00deg, rgba(255, 102, 0, 1), rgba(255, 89, 89, 1) 83%);
+		// padding-bottom: 40rpx;
+		// padding: 20rpx;
+		margin-bottom: 12rpx;
+		.qySx-bg{
+			position: absolute;
+			top:0;
+			z-index: 0;
+			width: 100%;
+		}
 
 		.qySx-box {
 			width: 100%;
@@ -2180,6 +2216,9 @@
 			box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
 			background: rgba(255, 255, 255, 1);
 			padding: 28rpx;
+			position: relative;
+			z-index: 1;
+			margin: 108rpx 20rpx 0;
 
 			.qySx-box-row {
 				margin-bottom: 20rpx;
@@ -2218,7 +2257,7 @@
 
 			.qySx-box-r {
 				color: #ffffff;
-				
+
 				.attachment-icon {
 					width: 38rpx;
 					height: 38rpx;
@@ -2304,7 +2343,7 @@
 
 	.vipRecommend {
 		width: 100%;
-		margin-top: 280rpx;
+		// margin-top: 280rpx;
 		padding: 0 20rpx;
 		box-sizing: border-box;
 

pages/msg/selectInterview.vue

@@ -180,5 +180,8 @@
 				border: none !important;
 			}
 		}
+		uni-button[disabled] {
+			background: rgba(255, 102, 0, 0.5) !important;
+		}
 	}
 </style>