岗位详情

pages/choreInformation/choreInformation.vue

@@ -217,12 +217,15 @@ import tabbar from "../../components/Tabbar.vue"
 		}
 	}
 </script>
-
-<style lang="scss" scoped>
+<style>
 	page {
 		background: #F0F0F2;
 		padding-bottom: 50px;
 	}
+</style>
+
+<style lang="scss" scoped>
+	
 	.search {
 		background-color: #fff;
 		padding: 16rpx 32rpx;

pages/jobInformation/jobDetails.vue

@@ -2,7 +2,112 @@
 	<view>
 		<u-navbar back-text="摄影助理 - 200元/天" back-icon-size="28" back-icon-color="#ffffff"
 			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+	<view class="content">
+		<view class="title">
+			摄影助理
+		</view>
+		<view class="saraly">
+			200<text>元/天</text>
+		</view>
+		<view class="address">
+			江津东路151号锦佳宴
+		</view>
+		<view class="date-views">
+			<view class="date">
+				更新时间：2023-06-01
+			</view>
+			<view class="views">
+				浏览量：1
+			</view>
+		</view>
+	</view>
+	<!-- 岗位详情 -->
+	<view class="content">
+		<view class="headline">
+			招工要求
+		</view>
+		<view class="group">
+			<view class="item">
+				<view class="item-title">
+					招聘人数：
+				</view>
+				<view class="item-value">
+					4人
+				</view>
+			</view>
+			<view class="item">
+				<view class="item-title">
+					结算方式：
+				</view>
+				<view class="item-value">
+					日结
+				</view>
+			</view>
+			<view class="item">
+				<view class="item-title">
+					招聘类型：
+				</view>
+				<view class="item-value">
+					个人
+				</view>
+			</view>
+		</view>
+		<view class="headline">
+			工作详情
+		</view>
+		<view class="group">
+			<view class="item">
+				<view class="item-title">
+					工作内容：
+				</view>
+				<view class="item-value">
+					有一定摄影基础，负责协助主拍摄影师做好场景道具、助拍等辅助工作，白班制偶尔加班，周休1天，包工作餐，详情面谈。
+				</view>
+			</view>
+		</view>
 		
+		<view class="headline">
+			联系方式
+		</view>
+		<view class="group">
+			<view class="item">
+				<view class="item-title">
+					联系人：
+				</view>
+				<view class="item-value">
+					李先生
+				</view>
+			</view>
+			<view class="item">
+				<view class="item-title">
+					手机号：
+				</view>
+				<view class="item-value">
+					155****1111
+				</view>
+			</view>
+			
+		</view>
+	</view>
+	
+	
+	<!-- 底部按钮 -->
+	<view class="bottom">
+			 <!-- 分享 -->
+			 <view class="share">
+				 <view class="icon">
+				 	<img src="../../assets/img/riFill-share-circle-fill@1x.png" alt="">
+				 </view>
+			 	 <view class="text">
+			 	 	分享
+			 	 </view>
+			 </view>
+			 <view class="btn">
+			 	<button class="dialing">拨打电话</button>
+				<button class="invite">我要报名</button>
+			 </view>
+		
+	</view>
 	</view>
 </template>
 
@@ -18,7 +123,128 @@
 		}
 	}
 </script>
-
 <style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+	
+</style>
+
+<style lang="scss" scoped>
+	// 岗位详情
+	.content{
+		padding: 32rpx;
+		background-color: #fff;
+		margin-bottom: 24rpx;
+		.title{
+			color: rgba(16, 16, 16, 1);
+			font-size: 48rpx;
+			font-family: 'PingFangSC-medium';
+		}
+		.saraly{
+			color: rgba(255, 61, 0, 1);
+			font-size: 24px;
+			margin-top: 16rpx;
+			font-weight: bold;
+			text{
+				font-size: 28rpx
+			}
+		}
+		.address{
+			color: rgba(16, 16, 16, 1);
+			margin-top: 40rpx;
+		}
+		.date-views{
+			margin-top: 24rpx;
+			display: flex;
+			justify-content: space-between;
+			.date{
+				color: rgba(119, 119, 119, 1);
+				font-size: 24rpx;
+			}
+			.views{
+				color: rgba(119, 119, 119, 1);
+				font-size: 24rpx;
+			}
+		}
+	 .headline{
+		 color: rgba(16, 16, 16, 1);
+		 font-size: 36rpx;
+	 }
+	 .group{
+		 margin-top: 24rpx;
+		 margin-bottom: 64rpx;
+		 .item{
+			 line-height: 40rpx;
+			 display: flex;
+			 margin-bottom: 8rpx;
+			 .item-title{
+				 color: rgba(119, 119, 119, 1);
+				 line-height: 40rpx;
+				 width: 140rpx;
+			 }
+			 .item-value{
+				 flex: 1;
+				 margin-left: 8rpx;
+				 
+				 color: #101010;
+			 }
+		 }
+	 }
+	
+	}
+
 
+   // 底部按钮
+   .bottom{
+   	  background-color: #fff;
+   	  padding: 24rpx 44rpx;
+   	  display: flex;
+   	  align-items: center;
+   	  position: fixed;
+   	  bottom: 0;
+   	  left: 0;
+   	  right: 0;
+   	  // 分享
+   	  .icon{
+   		  width: 48rpx;
+   		  height: 48rpx;
+   		  img{
+   			  width: 100%;
+   			  height: 100%;
+   		  }
+   	  }
+   	  .text{
+   		  color: rgba(39, 149, 253, 1);
+   		  font-size:24rpx;
+   	  }
+   	  .btn{
+   		  display: flex;
+   		  margin-left: auto;
+   		  .dialing{
+   			  width: 240rpx;
+   			  height: 88rpx;
+   			  line-height: 88rpx;
+   			  border-radius: 50px;
+   			  background-color: #fff;
+   			  color: rgba(39, 149, 253, 1);
+   			  font-size: 36rpx;
+   			  text-align: center;
+   			  border: 1px solid rgba(39, 149, 253, 1);
+   			  margin-right: 24rpx;
+   		  }
+   		  .invite{
+   			  width: 280rpx;
+   			  height: 88rpx;
+   			  line-height: 88rpx;
+   			  border-radius: 50px;
+   			  background-color: rgba(34, 149, 255, 1);
+   			  color: rgba(255, 255, 255, 1);
+   			  font-size: 36rpx;
+   			  text-align: center;
+   			  
+   		  }
+   	  }
+   }
 </style>

pages/jobInformation/jobInformation.vue

@@ -253,12 +253,15 @@
 		}
 	}
 </script>
-
-<style lang="scss" scoped>
+<style>
 	page {
 		background: #F0F0F2;
 		padding-bottom: 50px;
 	}
+	
+</style>
+<style lang="scss" scoped>
+	
 
 	.search {
 		background-color: #fff;

pages/search/searchResult.vue

@@ -121,12 +121,14 @@
 		}
 	}
 </script>
-
-<style lang="scss" scoped>
+<style>
 	page {
 		background: #F0F0F2;
 		padding-bottom: 50px;
 	}
+</style>
+<style lang="scss" scoped>
+	
 	.search {
 		background-color: #fff;
 		padding: 16rpx 32rpx;