样式优化

manifest.json

@@ -2,8 +2,8 @@
     "name" : "亿职赞",
     "appid" : "__UNI__0B0096D",
     "description" : "",
-    "versionName" : "1.1.6",
-    "versionCode" : 116,
+    "versionName" : "1.2.4",
+    "versionCode" : 124,
     "transformPx" : false,
     "sassImplementationName" : "node-sass",
     /* 5+App特有相关 */

package/jobIntention/jobList.vue

@@ -45,26 +45,24 @@
 			</view>
 			<!-- 右侧列表 -->
 			<view class="list-r">
-				<view class="list-r-container">
-					<!-- 中间标题列 -->
-					<view class="list-r-titles">
-						<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
-							<view class="list-r-title-item" @click="setActiveTitle(index)" :class="activeTitle==index?'active':''" v-for="(item,index) in rightList" :key="index">
-								{{item.title}}
-							</view>
-						</scroll-view>
-					</view>
-					<!-- 最右侧子内容列 -->
-					<view class="list-r-content">
-						<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
-							<view class="list-r-item-childs-vertical" v-if="rightList.length>0 && rightList[activeTitle]">
-								<view class="list-r-item-childs-i" @click="selectJob(ite)" v-for="(ite,ind) in rightList[activeTitle].childrens" :key="ind">
-									{{ite.ruleClassifyName}}
-								</view>
+				<!-- 中间标题列 -->
+				<view class="list-r-titles">
+					<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
+						<view class="list-r-title-item" @click="setActiveTitle(index)" :class="activeTitle==index?'active':''" v-for="(item,index) in rightList" :key="index">
+							{{item.title}}
+						</view>
+					</scroll-view>
+				</view>
+				<!-- 最右侧子内容列 -->
+				<view class="list-r-content">
+					<scroll-view scroll-y="true" style="width: 100%;height: 100%;padding-bottom: 20rpx;">
+						<view class="list-r-item-childs-vertical" v-if="rightList.length>0 && rightList[activeTitle]">
+							<view class="list-r-item-childs-i" @click="selectJob(ite)" v-for="(ite,ind) in rightList[activeTitle].childrens" :key="ind">
+								{{ite.ruleClassifyName}}
 							</view>
-							<empty v-if="rightList.length==0" />
-						</scroll-view>
-					</view>
+						</view>
+						<empty v-if="rightList.length==0" />
+					</scroll-view>
 				</view>
 			</view>
 		</view>
@@ -195,15 +193,14 @@
 <style lang="scss">
 	page {
 		background-color: #FCFCFC;
-		padding: 0 20rpx;
+		// padding: 0 20rpx;
 	}
 	
 	.profession-header {
-		// padding-top: 80rpx;
+		padding: 24rpx 32rpx 20rpx 32rpx;
 		background-color: #FCFCFC;
-		z-index: 9999;
 		box-sizing: border-box;
-		margin-bottom: 40rpx;
+		margin-bottom: 20rpx;
 		
 		.header-content {
 			display: flex;
@@ -249,12 +246,12 @@
 		}
 	}
 	.search{
-		width: 100%;
+		margin: 0 32rpx;
 		height: 100rpx;
 		border-bottom: 1rpx solid #F2F2F7;
 		box-sizing: border-box;
 		.search-box{
-			width: 686rpx;
+			width: 100%;
 			height: 60rpx;
 			border-radius: 44rpx;
 			background-color: #F2F2F7;
@@ -268,7 +265,7 @@
 		border-radius: 6px;
 	}
 	.list{
-		width: 100;
+		margin: 0 32rpx;
 		flex: 1;
 		gap: 12rpx;
 		overflow: auto;
@@ -294,19 +291,13 @@
 			}
 		}
 		.list-r{
-			width: 75%;
+			flex: 1;
 			height: 100%;
 			background-color: #ffffff;
 			border-left: 1rpx solid #F2F2F7;
 			box-sizing: border-box;
-			
-			.list-r-container{
-				width: 100%;
-				height: 100%;
-				display: flex;
-				flex-direction: row;
-			}
-			
+			display: flex;
+			flex-direction: row;
 			.list-r-titles{
 				width: 50%;
 				height: 100%;
@@ -335,7 +326,6 @@
 			}
 			
 			.list-r-content{
-				width: 70%;
 				height: 100%;
 				flex: 1;
 				
@@ -375,10 +365,9 @@
 		// bottom: 0;
 		// left: 0;
 		// right: 0;
-		padding: 30rpx 20rpx;
+		margin: 30rpx 20rpx;
 		background: #fff;
 		border-top: 1px solid #f0f0f0;
-		z-index: 9999;
 	}
 	
 	.confirm-btn {

package/screen/screen.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view class="flex flex-direction" style="height: 100vh;">
 		<navBar title="筛选" color="#000" />
 		<!-- 列表 -->
 		<view class="list flex justify-between">
@@ -428,13 +428,8 @@
 
 	.list {
 		width: 100%;
-		/* #ifdef H5 */
-		height: calc(100vh - 200rpx);
-		/* #endif */
-		/* #ifndef H5 */
-		height: calc(100vh - 120rpx);
-
-		/* #endif */
+		flex: 1;
+		overflow: auto;
 		.list-l {
 			width: 30%;
 			height: 100%;
@@ -489,15 +484,12 @@
 
 	.bottom {
 		width: 100%;
-		height: 120rpx;
-		position: fixed;
-		bottom: 0;
 		background-color: #ffffff;
 
 		.bottom-box {
 			width: 686rpx;
-			height: 70rpx;
-			margin-top: 20rpx;
+			height: 80rpx;
+			margin: 20rpx 0 40rpx;
 
 			.bottom-box-left {
 				width: 40%;

pages/msg/addmsg.vue

@@ -1,7 +1,7 @@
 <template>
-	<view>
+	<view style="height: 100vh;" class="flex flex-direction">
 		<!-- 顶部标题栏 -->
-		<view class="nav-header">
+		<view class="nav-header" :style="{ paddingTop: 12 + BarHeight + 'px' }">
 			<view class="nav-left" @click="goBack">
 				<u-icon name="close" color="rgba(56, 58, 63, 1)" size="32"></u-icon>
 			</view>
@@ -152,9 +152,16 @@
 						text: '自动回复',
 						totalElements: 0
 					}
-				]
+				],
+				BarHeight: '',
 			}
 		},
+		onLoad(){
+			// #ifdef APP-PLUS
+			let systemInfo = uni.getSystemInfoSync();
+			this.BarHeight = systemInfo.statusBarHeight;
+			// #endif
+		},
 		onShow() {
 			this.page = 1;
 			this.loadData();
@@ -270,9 +277,6 @@
 		flex-shrink: 0;
 		margin-left: 20rpx;
 	}
-	page {
-		padding-top: 80rpx;
-	}
 
 	// 主内容区域
 	.main-content {
@@ -324,11 +328,11 @@
 	
 	// 顶部标题栏样式
 	.nav-header {
-		height: 80rpx;
+		line-height: 26px;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 0 40rpx;
+		padding: 24rpx 32rpx 20rpx 32rpx;
 		background: #FFFFFF;
 	}
 

pages/my/attachment.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view style="height: 100vh;" class="flex flex-direction">
 		<!-- 顶部导航栏 -->
 		<view class="navbar" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
 			<view class="navbar-content">
@@ -13,31 +13,28 @@
 
 		<!-- <nav-bar title="基本信息"></nav-bar> -->
 		<view class="contain flex flex-direction">
-			<view class="usermain">
-				<scroll-view scroll-with-animation scroll-y>
-					<!-- 我的公司 -->
-					<view class="usermain-item item-padding" v-for="item in content">
-						<view class="usermain-item-title c-flex-center">
-							<image
-								:src="item.fileType == 'pdf' ? '../../static/images/pdf.svg' : '../../static/images/docx.svg'"
-								class="header-icon" mode="aspectFill" />
-						</view>
-						<view @click="seekDoc(item)" class="fileContent c-flex-center">
-							<view class="fileName m-ellipsis">{{ item.attachmentName }}</view>
-							<view class="filedesc">{{ item.attachmentSize }}kb 更新于{{ item.createTime }}</view>
-						</view>
-						<view @click.stop="more(item.resumesAttachmentId)" class="c-flex-center">
-							<u-icon name="more-dot-fill"></u-icon>
-						</view>
+			<scroll-view scroll-with-animation scroll-y>
+				<!-- 我的公司 -->
+				<view class="usermain-item item-padding" v-for="item in content">
+					<view class="usermain-item-title c-flex-center">
+						<image
+							:src="item.fileType == 'pdf' ? '../../static/images/pdf.svg' : '../../static/images/docx.svg'"
+							class="header-icon" mode="aspectFill" />
 					</view>
-					<empty :isShow="false" v-if="content.length == 0" />
-				</scroll-view>
-			</view>
-
-			<view class="footer-btn">
-				<fileSelector title="上传简历" allowType=".doc,.docx,.xls,.xlsx,.pdf" @fileSelected="uploadResumes"
-					@filesChanged="onFilesChanged" />
-			</view>
+					<view @click="seekDoc(item)" class="fileContent c-flex-center">
+						<view class="fileName m-ellipsis">{{ item.attachmentName }}</view>
+						<view class="filedesc">{{ item.attachmentSize }}kb 更新于{{ item.createTime }}</view>
+					</view>
+					<view @click.stop="more(item.resumesAttachmentId)" class="c-flex-center">
+						<u-icon name="more-dot-fill"></u-icon>
+					</view>
+				</view>
+				<empty :isShow="false" v-if="content.length == 0" />
+			</scroll-view>
+		</view>
+		<view class="footer-btn">
+			<fileSelector title="上传简历" allowType=".doc,.docx,.xls,.xlsx,.pdf" @fileSelected="uploadResumes"
+				@filesChanged="onFilesChanged" />
 		</view>
 		<!-- 权限说明弹窗 -->
 		<u-popup mode="top" ref="permission">
@@ -382,19 +379,13 @@ page {
 }
 
 .navbar {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	z-index: 999;
+	padding: 24rpx 32rpx 20rpx 32rpx;
 	background: #fff;
-	padding: 0 0 40rpx 20rpx;
 
 	.navbar-content {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 0 30rpx;
 		height: 60rpx;
 
 		.navbar-left {
@@ -446,19 +437,7 @@ button {
 }
 
 .contain {
-	padding-top: 120rpx;
-	/* 为固定导航栏留出空间 */
-	/* #ifdef APP*/
-	padding-top: calc(120rpx + var(--status-bar-height));
-	/* #endif*/
-	height: 100vh;
-}
-
-.usermain {
-	background: #ffffff;
-	/* color: #fff; */
-	height: 100vh;
-
+	flex: 1;
 	scroll-view {
 		height: 100%;
 	}
@@ -639,7 +618,6 @@ button {
 
 .footer-btn {
 	margin-top: 40rpx;
-	padding-bottom: 40rpx;
 }
 
 .footer-btn .usermain-btn {

pages/my/myCompany.vue

@@ -1,14 +1,12 @@
 <template>
-	<view class="my-company-page">
+	<view class="my-company-page flex flex-direction">
 		<!-- 自定义导航栏 -->
-		<view class="custom-navbar">
-			<view class="navbar-content">
-				<view class="nav-left" @click="goBack">
-					<u-icon name="arrow-leftward" color="#FFF" size="42"></u-icon>
-				</view>
-				<view class="nav-title">我的公司</view>
-				<view class="nav-right"></view>
+		<view class="navbar-content" :style="{ paddingTop: 12 + BarHeight + 'px' }">
+			<view class="nav-left" @click="goBack">
+				<u-icon name="arrow-leftward" color="#FFF" size="42"></u-icon>
 			</view>
+			<view class="nav-title">我的公司</view>
+			<view class="nav-right"></view>
 		</view>
 
 		<!-- 头部渐变背景区域 -->
@@ -100,10 +98,15 @@ export default {
 				isNo: true,
 			},
 			showLeaveModal: false, // 控制弹窗显示
-			leaveType: 1
+			leaveType: 1,
+			BarHeight: 0,
 		};
 	},
 	onLoad() {
+		// #ifdef APP-PLUS
+		let systemInfo = uni.getSystemInfoSync();
+		this.BarHeight = systemInfo.statusBarHeight;
+		// #endif
 		this.getCompanyStatus()
 	},
 	methods: {
@@ -198,65 +201,45 @@ export default {
 
 <style lang="scss" scoped>
 .my-company-page {
-	min-height: 100vh;
-	background: var(--线性渐变, linear-gradient(90.00deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%));
-	background-size: 100% 35%;
+	height: 100vh;
+	background: linear-gradient(90.00deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
+	background-size: 100% 40%;
 	background-position: center top;
 	background-repeat: no-repeat;
-	position: relative;
-	padding-bottom: 40rpx;
 }
 
 /* 导航栏 */
-.custom-navbar {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	background: transparent;
-	z-index: 9999;
-
-	.navbar-content {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		height: 88rpx;
-		padding: 0 40rpx;
-		padding-top: 80rpx;
-
-		.nav-left {
-			display: flex;
-			align-items: center;
-			gap: 8rpx;
-
-			.nav-breadcrumb {
-				color: rgba(255, 255, 255, 1);
-				font-family: DM Sans;
-				font-size: 28rpx;
-				font-weight: 400;
-				line-height: 40rpx;
-			}
-		}
-
-		.nav-title {
-			color: rgba(255, 255, 255, 1);
-			font-family: DM Sans;
-			font-size: 32rpx;
-			font-weight: 700;
-			line-height: 52rpx;
-			letter-spacing: 0.5%;
-			text-align: center;
-		}
+.navbar-content {
+	width: 100%;
+	padding: 24rpx 32rpx 20rpx 32rpx;
+	box-sizing: border-box;
+	color: #000;
+	font-family: DM Sans;
+	font-size: 30rpx;
+	font-weight: 700;
+	line-height: 26px;
+	display: flex;
+	align-items: center;
+	.nav-left,.nav-right {
+		width: 32.61px;
+		height: 26px;
+	}
 
-		.nav-right {
-			width: 60rpx;
-		}
+	.nav-title {
+		color: rgba(255, 255, 255, 1);
+		font-family: DM Sans;
+		font-size: 32rpx;
+		font-weight: 700;
+		line-height: 52rpx;
+		letter-spacing: 0.5%;
+		text-align: center;
+		flex: 1;
 	}
 }
 
 /* 头部区域 */
 .header-section {
-	padding: 160rpx 40rpx 66rpx 40rpx;
+	padding: 70rpx 40rpx;
 	text-align: center;
 }