zxz

pages/hr/index/index.js

@@ -25,7 +25,7 @@ export default {
 					name: '最热'
 				}],
 				current: 0,
-				src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
+				src: '/static/img/head/png',
 			}
 		},
 		components: {

pages/hr/my/collection/index.js

@@ -5,7 +5,7 @@ export default {
 		data() {
 			return {
 				isReady:false,
-				src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
+				src: '/static/img/head.png',
 			}
 		},
 		components: {

pages/hr/my/index.js

@@ -7,6 +7,9 @@ export default {
 			return {
 				isReady:false,
 				src: '/static/img/head.png',
+				background: {
+					backgroundColor: '#2295ff',
+				},
 			}
 		},
 		components: {

pages/hr/my/my.vue

@@ -1,8 +1,8 @@
 <template>
 	<view>
-		<u-navbar title="我的">
+		<u-navbar :is-back="false" title="我的" :background="background" title-color="#fff" :border-bottom="false">
 			<view class="slot-wrap">
-				<u-icon name="mb-cog" custom-prefix="custom-icon" size="44" color="#333"></u-icon>
+				<u-icon name="mb-cog" custom-prefix="custom-icon" size="44" color="#fff"></u-icon>
 			</view>
 		</u-navbar>
 		<view class="user-head">
@@ -63,14 +63,28 @@
 		padding-right: 24rpx;
 	}
 	.user-head{
-		 background: linear-gradient(70deg, #2e99fa, #58b6fe);
+		 background: #2e99fa;
 		 height: 110px;
 		 display: flex;
 		 align-items: center;
 		 padding: 0 30rpx;
+		 position: relative;
+		 overflow: hidden;
+		 &::after{
+			content: '';
+			position: absolute;
+			background:linear-gradient(70deg, #3298fb, #45a6fd);
+			height:360rpx;
+			width: 360rpx;
+			border-radius: 50%;
+			right: -60rpx;
+			z-index:0;
+		 }
 		 .user-head-text{
 			 color:#fff;
 			 margin-left: 20rpx;
+			 position: relative;
+			 z-index: 1;
 			 h3{
 				 font-size: 40rpx;
 				 margin-bottom: 20rpx;

pages/hr/newsIndex/newsIndex.vue

@@ -19,37 +19,37 @@
 				<u-avatar :src="src2"></u-avatar>
 				<view class="newsIndex-text">
 					<view class="newsIndex-row">
-						<h3>系统消息</h3>
+						<h3>求职信息</h3>
 						<p>2021-08-21 09:54:22</p>
 					</view>
 					<view class="newsIndex-row">
-						<p>您的发布已通过审核，快去看看吧>></p>
+						<p>有企业向您发送了录用意向书，查看>></p>
 						<u-badge size="mini" type="error" count="7" offset="[0,0]"></u-badge>
 					</view>
 				</view>
 			</view>
 			<view class="newsIndex-item">
-				<u-avatar :src="src3"></u-avatar>
+				<u-avatar :src="src4"></u-avatar>
 				<view class="newsIndex-text">
 					<view class="newsIndex-row">
-						<h3>系统消息</h3>
+						<h3>政策发布</h3>
 						<p>2021-08-21 09:54:22</p>
 					</view>
 					<view class="newsIndex-row">
-						<p>您的发布已通过审核，快去看看吧>></p>
+						<p>最新政策信息已发布，快去看看吧>></p>
 						<u-badge size="mini" type="error" count="99+" offset="[0,0]"></u-badge>
 					</view>
 				</view>
 			</view>
 			<view class="newsIndex-item">
-				<u-avatar :src="src4"></u-avatar>
+				<u-avatar :src="src3"></u-avatar>
 				<view class="newsIndex-text">
 					<view class="newsIndex-row">
-						<h3>系统消息</h3>
+						<h3>推荐职位</h3>
 						<p>2021-08-21 09:54:22</p>
 					</view>
 					<view class="newsIndex-row">
-						<p>您的发布已通过审核，快去看看吧>></p>
+						<p>查看最新职位推荐信息>></p>
 						<u-badge size="mini" type="error" count="7" offset="[0,0]"></u-badge>
 					</view>
 				</view>

pages/job/newsIndex/index.js

@@ -6,6 +6,14 @@ export default {
 		data() {
 			return {
 				isReady:false,
+				background: {
+					backgroundColor: '#2295ff',
+				},
+				src1:'/static/img/news1.png',
+				src2:'/static/img/news2.png',
+				src3:'/static/img/news3.png',
+				src4:'/static/img/news4.png',
+				src5:'/static/img/news5.png'
 			}
 		},
 		components: {

pages/job/newsIndex/newsIndex.vue

@@ -1,8 +1,73 @@
 <template>
 	<view>
-		 <my-common   :noback="false"     mytitle="公共标题"  ref="common"></my-common>
-		 
-		  <Tabbar-Job :current="1" ></Tabbar-Job>
+		<u-navbar :is-back="false" title="消息" :background="background" title-color="#fff"></u-navbar>
+		<view class="newsIndex">
+			<view class="newsIndex-item">
+				<u-avatar :src="src1"></u-avatar>
+				<view class="newsIndex-text">
+					<view class="newsIndex-row">
+						<h3>系统消息</h3>
+						<p>2021-08-21 09:54:22</p>
+					</view>
+					<view class="newsIndex-row">
+						<p>您的发布已通过审核，快去看看吧>></p>
+						<u-badge size="mini" type="error" count="7" offset="[0,0]"></u-badge>
+					</view>
+				</view>
+			</view>
+			<view class="newsIndex-item">
+				<u-avatar :src="src2"></u-avatar>
+				<view class="newsIndex-text">
+					<view class="newsIndex-row">
+						<h3>求职信息</h3>
+						<p>2021-08-21 09:54:22</p>
+					</view>
+					<view class="newsIndex-row">
+						<p>有企业向您发送了录用意向书，查看>></p>
+						<u-badge size="mini" type="error" count="7" offset="[0,0]"></u-badge>
+					</view>
+				</view>
+			</view>
+			<view class="newsIndex-item">
+				<u-avatar :src="src4"></u-avatar>
+				<view class="newsIndex-text">
+					<view class="newsIndex-row">
+						<h3>政策发布</h3>
+						<p>2021-08-21 09:54:22</p>
+					</view>
+					<view class="newsIndex-row">
+						<p>最新政策信息已发布，快去看看吧>></p>
+						<u-badge size="mini" type="error" count="99+" offset="[0,0]"></u-badge>
+					</view>
+				</view>
+			</view>
+			<view class="newsIndex-item">
+				<u-avatar :src="src5"></u-avatar>
+				<view class="newsIndex-text">
+					<view class="newsIndex-row">
+						<h3>劳务对接</h3>
+						<p>2021-08-21 09:54:22</p>
+					</view>
+					<view class="newsIndex-row">
+						<p>查看最新劳务对接信息>></p>
+						<u-badge size="mini" type="error" count="99+" offset="[0,0]"></u-badge>
+					</view>
+				</view>
+			</view>
+			<view class="newsIndex-item">
+				<u-avatar :src="src3"></u-avatar>
+				<view class="newsIndex-text">
+					<view class="newsIndex-row">
+						<h3>推荐职位</h3>
+						<p>2021-08-21 09:54:22</p>
+					</view>
+					<view class="newsIndex-row">
+						<p>查看最新职位推荐信息>></p>
+						<u-badge size="mini" type="error" count="7" offset="[0,0]"></u-badge>
+					</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -11,7 +76,34 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.newsIndex-item{
+		display: flex;
+		padding: 20rpx;
+		background-color: #fff;
+		align-items: center;
+		.newsIndex-text{
+			flex: 1;
+			min-width: 0;
+			margin-left: 20rpx;
+		}
+		.newsIndex-row{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			position: relative;
+			&:first-child{
+				margin-top: 0;
+			}
+			p{
+				color:#999;
+			}
+		}
+	}
 </style>

pages/job/newsIndex/newsList/newsList.vue

@@ -1,7 +1,41 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar title="消息" ></u-navbar>
+		<view class="newsList">
+			<view class="newsList-time">
+				<span>2020-12-18 18:45:41</span>
+			</view>
+			<view class="newsList-item">
+				<view class="newsList-head">
+					<h3 class="u-line-1">消息标题消息标题消息标题消息标题消息标题消息标题</h3>
+					<span>[未读]</span>
+				</view>
+				<view class="newsList-main">
+					消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容
+				</view>
+				<view class="newsList-foot">
+					<span>查看详情</span>
+					<u-icon name="arrow-right" color="#999" size="24"></u-icon>
+				</view>
+			</view>
+			
+			<view class="newsList-time">
+				<span>2020-12-18 18:45:41</span>
+			</view>
+			<view class="newsList-item">
+				<view class="newsList-head">
+					<h3 class="u-line-1">消息标题消息标题消息标题消息</h3>
+					<span>[未读]</span>
+				</view>
+				<view class="newsList-main">
+					消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容消息正文内容
+				</view>
+				<view class="newsList-foot">
+					<span>查看详情</span>
+					<u-icon name="arrow-right" color="#999" size="24"></u-icon>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +44,47 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.newsList-time{
+		display: flex;
+		justify-content: center;
+		margin-top: 40rpx;
+		span{
+			background-color: #c8c8c8;	
+			padding: 6rpx 16rpx;
+			color:#fff;
+			border-radius:10rpx;
+		}
+	}
+	.newsList-item{
+		padding: 20rpx;
+		margin: 20rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		.newsList-head{
+			display: flex;
+			justify-content: space-between;
+			padding-bottom: 20rpx;
+			span{
+				color:#FF6D58;
+				min-width: 80rpx;
+				text-align: right;
+			}
+		}
+		.newsList-main{
+			padding-bottom: 20rpx ;
+			color:#999;
+		}
+		.newsList-foot{
+			padding-top: 20rpx;
+			border-top: 1px solid #f7f7f7;
+			display: flex;
+			justify-content: space-between;
+		}
+	}
 </style>

pages/job/newsIndex/newsRecommend/index.js

@@ -5,6 +5,10 @@ export default {
 		data() {
 			return {
 				isReady:false,
+				src: '/static/img/head/png',
+				background: {
+					backgroundColor: '#2295ff',
+				},
 			}
 		},
 		components: {

pages/job/newsIndex/newsRecommend/newsRecommend.vue

@@ -1,7 +1,60 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar title="推荐简历" ></u-navbar>
+		<view class="jp-work">
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+					</view>
+				</view>	
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+					</view>
+				</view>	
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +63,54 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.jp-work-item{
+		padding:30rpx;
+		background-color: #fff;
+		margin: 20rpx 0;
+		&:last-child{
+			border-bottom:none;
+		}
+		.jp-work-name{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			h3{
+				font-size: 36rpx;
+			}
+			span{
+				font-size: 32rpx;
+				color:#FF1700
+			}
+		}
+		.jp-work-tag{
+			display: flex;
+			align-items: center;
+			margin-top: 10rpx;
+			*{
+				margin-right: 10rpx;
+			}
+		}
+		.jp-work-info{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			p{
+				color:#999;
+				font-size: 24rpx;
+				margin-left: 10rpx;
+			}
+		}
+	}
+	.jp-work-line{
+		display: flex;
+		align-items: center;
+		margin-top:10rpx;
+	}
 </style>

pages/job/personal/my/index.js

@@ -5,6 +5,10 @@ export default {
 		data() {
 			return {
 				isReady:false,
+				src: '/static/img/head.png',
+				background: {
+					backgroundColor: '#2295ff',
+				},
 			}
 		},
 		components: {

pages/job/personal/my/my.vue

@@ -1,7 +1,52 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar :is-back="false" title="我的" :background="background" title-color="#fff" :border-bottom="false">
+			<view class="slot-wrap">
+				<u-icon name="mb-cog" custom-prefix="custom-icon" size="44" color="#fff"></u-icon>
+			</view>
+		</u-navbar>
+		<view class="user-head">
+			<view class="user-head-img">
+				<!-- <view class="head-state">已认证</view> -->
+				<u-avatar :src="src" size="140"></u-avatar>
+			</view>
+			<view class="user-head-text">
+				<h3>方佳 人力资源经理</h3>
+				<p>湖北荆鹏软件集团有限公司</p>
+			</view>
+		</view>
+		<view class="user-main">
+			<view class="title">招聘统计</view>
+			<view class="main">
+				<view class="main-item">
+					<span>我的简历</span>
+					<h3>5</h3>
+				</view>
+				<u-line color="#ccc" length="40" direction="col" margin="0 20rpx"/>
+				<view class="main-item">
+					<span>看过的人才</span>
+					<h3>10</h3>
+				</view>
+				<u-line color="#ccc" length="40" direction="col" margin="0 20rpx"/>
+				<view class="main-item">
+					<span>对您感兴趣</span>
+					<h3>89</h3>
+				</view>
+			</view>
+		</view>
+		<u-cell-group>
+			<u-cell-item title="职位管理" value="审核中"></u-cell-item>
+			<u-cell-item title="求职管理" ></u-cell-item>
+			<u-cell-item title="收藏简历" ></u-cell-item>
+		</u-cell-group>
+		<u-cell-group class="u-m-t-20">
+			<u-cell-item title="关于我们" ></u-cell-item>
+			<u-cell-item title="联系客服" value="400-1231-122"></u-cell-item>
+		</u-cell-group>
+		<view class="signOut">
+			退出登录
+		</view>
+		<Tabbar-Hr :current="2" ></Tabbar-Hr> 
 	</view>
 </template>
 
@@ -10,7 +55,102 @@
 	export default api;
 </script>
 
- 
+<style>
+ page{
+	 background-color: #f7f7f7;
+ }
+</style>
 <style scoped lang="scss">
-	 
+	.slot-wrap{
+		display: flex;
+		justify-content: flex-end;
+		flex: 1;
+		padding-right: 24rpx;
+	}
+	.user-head{
+		background: #2e99fa;
+		height: 110px;
+		display: flex;
+		align-items: center;
+		padding: 0 30rpx;
+		position: relative;
+		overflow: hidden;
+		&::after{
+			content: '';
+			position: absolute;
+			background:linear-gradient(70deg, #3298fb, #45a6fd);
+			height:360rpx;
+			width: 360rpx;
+			border-radius: 50%;
+			right: -60rpx;
+			z-index:0;
+		}
+		 .user-head-text{
+			 color:#fff;
+			 margin-left: 20rpx;
+			 position: relative;
+			 z-index: 1;
+			 h3{
+				 font-size: 40rpx;
+				 margin-bottom: 20rpx;
+			 }
+		 }
+		 .user-head-img{
+			 position: relative;
+			 .head-state{
+				 height:36rpx;
+				 width: 100rpx;
+				 background-color: #fff;
+				 border-radius: 8rpx;
+				 text-align: center;
+				 line-height: 36rpx;
+				 position: absolute;
+				 z-index: 99;
+				 bottom:0;
+				 left: 50%;
+				 margin-left: -50rpx;
+				 font-size: 24rpx;
+				 color:#1677FF;
+			 }
+		 }
+	}
+	.user-main{
+		background-color: #fff;
+		margin-top: 20rpx;
+		margin-bottom: 20rpx;
+		.title{
+			margin:0 30rpx;
+			border-bottom: 1px solid #f7f7f7;
+			padding: 20rpx 0;
+			font-size: 32rpx;
+		}
+		.main{
+			display: flex;
+			padding: 30rpx;
+			justify-content: space-between;
+			align-items: center;
+			.main-item{
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				span{
+					color:#999;
+					font-size: 24rpx;
+				}
+				h3{
+					margin-top: 10rpx;
+					font-size: 40rpx;
+				}
+			}
+		}
+	}
+	.signOut{
+		height: 100rpx;
+		line-height: 100rpx;
+		text-align: center;
+		background-color: #fff;
+		margin-top: 20rpx;
+		border-bottom: 1px solid #f3f4f7;
+		border-top: 1px solid #f3f4f7;
+	}
 </style>

pages/job/personal/my/resumeAuth/index.js

@@ -5,6 +5,20 @@ export default {
 		data() {
 			return {
 				isReady:false,
+				src: '/static/img/head/png',
+				keyword: '遥看瀑布挂前川',
+				list: [{
+					name: '招聘中'
+				}, {
+					name: '审核中'
+				}, {
+					name: '已下架',
+				}],
+				current: 0,
+				customStyle: {
+					margin: '0',
+					background: 'none!important'
+				}
 			}
 		},
 		components: {

pages/job/personal/my/resumeAuth/resumeAuth.vue

@@ -1,7 +1,80 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar title="职位管理"></u-navbar>
+		<view class="jp-search">
+			<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false"></u-search>
+		</view>
+		<view class="jp-tab">
+			<view class="jp-quantity">
+				<p>数量</p><span>2</span>
+			</view>
+			<u-tabs :list="list" :current="current" @change="change"></u-tabs>
+		</view>
+		<view class="jp-work">
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>JAVA开发工程师</h3>
+						<span>招聘中</span>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<p>12月13日 23:22</p>
+						<u-button size="mini" type="error" :custom-style="customStyle" plain>下架</u-button>
+					</view>
+				</view>	
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>JAVA开发工程师</h3>
+						<span>审核中</span>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<p>12月13日 23:22</p>
+						<u-button size="mini" style="margin:0;" disabled="true">上架</u-button>
+					</view>
+				</view>	
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>JAVA开发工程师</h3>
+						<span>已下架</span>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<p>12月13日 23:22</p>
+						<u-button size="mini" type="primary" :custom-style="customStyle" plain>上架</u-button>
+					</view>
+				</view>	
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +83,75 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.jp-quantity{
+		background-color: #fff;
+		height: 80rpx;
+		display: flex;
+		align-items: center;
+		font-size: 32rpx;
+		padding-left: 30rpx;
+		margin-top: 20rpx;
+		border-bottom: 1px solid #f7f7f7;
+		p{
+			color:#666;
+		}
+		span{
+			color:#1A91EA;
+			margin-left: 10rpx;
+		}
+	}
+	.jp-search{
+		background-color: #fff;
+		padding: 20rpx;
+	}
+	.jp-work-item{
+		padding:30rpx;
+		background-color: #fff;
+		margin: 20rpx 0;
+		&:last-child{
+			border-bottom:none;
+		}
+		.jp-work-name{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			h3{
+				font-size: 36rpx;
+			}
+			span{
+				font-size: 32rpx;
+				color:#1677FF
+			}
+		}
+		.jp-work-tag{
+			display: flex;
+			align-items: center;
+			margin-top: 10rpx;
+			*{
+				margin-right: 10rpx;
+			}
+		}
+		.jp-work-info{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			
+			p{
+				color:#999;
+				font-size: 24rpx;
+			}
+		}
+	}
+	.jp-work-line{
+		display: flex;
+		align-items: center;
+		margin-top:10rpx;
+	}
 </style>

pages/job/personal/my/resumeCollect/resumeCollect.vue

@@ -1,7 +1,71 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar title="收藏简历"></u-navbar>
+		<view class="jp-search">
+			<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false"></u-search>
+		</view>
+		<view class="jp-tab">
+			<u-tabs :list="list" :current="current" @change="change"></u-tabs>
+		</view>
+		<view class="jp-work">
+			<view class="jp-quantity">
+				<p>数量</p><span>2</span>
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+						<u-button size="mini" style="margin:0;">删除</u-button>
+					</view>
+				</view>	
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+						<u-button size="mini" style="margin:0;">删除</u-button>
+					</view>
+				</view>	
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +74,76 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.jp-quantity{
+		background-color: #fff;
+		height: 80rpx;
+		display: flex;
+		align-items: center;
+		font-size: 32rpx;
+		padding-left: 30rpx;
+		margin-top: 20rpx;
+		border-bottom: 1px solid #f7f7f7;
+		p{
+			color:#666;
+		}
+		span{
+			color:#1A91EA;
+			margin-left: 10rpx;
+		}
+	}
+	.jp-search{
+		background-color: #fff;
+		padding: 20rpx;
+	}
+	.jp-work-item{
+		padding:30rpx;
+		background-color: #fff;
+		margin-bottom: 20rpx;
+		&:last-child{
+			border-bottom:none;
+		}
+		.jp-work-name{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			h3{
+				font-size: 36rpx;
+			}
+			span{
+				font-size: 32rpx;
+				color:#FF1700
+			}
+		}
+		.jp-work-tag{
+			display: flex;
+			align-items: center;
+			margin-top: 10rpx;
+			*{
+				margin-right: 10rpx;
+			}
+		}
+		.jp-work-info{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			
+			p{
+				color:#999;
+				font-size: 24rpx;
+				margin-left: 10rpx;
+			}
+		}
+	}
+	.jp-work-line{
+		display: flex;
+		align-items: center;
+		margin-top:10rpx;
+	}
 </style>

pages/job/personal/my/resumeList/resumeList.vue

@@ -1,7 +1,66 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar title="看过的人才"></u-navbar>
+		<view class="jp-search">
+			<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false"></u-search>
+		</view>
+		<view class="jp-tab">
+			<u-tabs :list="list" :current="current" @change="change"></u-tabs>
+		</view>
+		<view class="jp-work">
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+					</view>
+				</view>	
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+					</view>
+				</view>	
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +69,58 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.jp-search{
+		background-color: #fff;
+		padding: 20rpx;
+	}
+	.jp-work-item{
+		padding:30rpx;
+		background-color: #fff;
+		margin: 20rpx 0;
+		&:last-child{
+			border-bottom:none;
+		}
+		.jp-work-name{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			h3{
+				font-size: 36rpx;
+			}
+			span{
+				font-size: 32rpx;
+				color:#FF1700
+			}
+		}
+		.jp-work-tag{
+			display: flex;
+			align-items: center;
+			margin-top: 10rpx;
+			*{
+				margin-right: 10rpx;
+			}
+		}
+		.jp-work-info{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			p{
+				color:#999;
+				font-size: 24rpx;
+				margin-left: 10rpx;
+			}
+		}
+	}
+	.jp-work-line{
+		display: flex;
+		align-items: center;
+		margin-top:10rpx;
+	}
 </style>

pages/job/personal/my/resumeLook/index.js

@@ -5,6 +5,24 @@ export default {
 		data() {
 			return {
 				isReady:false,
+				src: '/static/img/head/png',
+				keyword: '遥看瀑布挂前川',
+				list: [{
+					name: '全部'
+				}, {
+					name: '已投递'
+				}, {
+					name: '邀沟通',
+				},{
+					name: '邀面试'
+				}, {
+					name: '邀入职',
+				},{
+					name: '已入职'
+				}, {
+					name: '不合适',
+				}],
+				current: 0
 			}
 		},
 		components: {
@@ -14,7 +32,9 @@ export default {
 			//this.id=op.id;
 		},
 		methods: {
-			 
+			 change(index) {
+					this.current = index;
+				}
 			
 		},onReady(){ 
 			

pages/job/personal/my/resumeLook/resumeLook.vue

@@ -1,7 +1,66 @@
 <template>
 	<view>
-		 <my-common      mytitle="公共标题"  ref="common"></my-common>
-		 
+		<u-navbar title="看过的人才"></u-navbar>
+		<view class="jp-search">
+			<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false"></u-search>
+		</view>
+		<view class="jp-tab">
+			<u-tabs :list="list" :current="current" @change="change"></u-tabs>
+		</view>
+		<view class="jp-work">
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+					</view>
+				</view>	
+			</view>
+			<view class="jp-work-list">
+				<view class="jp-work-item">
+					<view class="jp-work-name">
+						<h3>市场营销专员</h3>
+						<span>￥3000-5000/月</span>
+					</view>
+					<view class="jp-work-tag">
+						<u-tag text="在职-考虑机会"  mode="dark" bg-color="#f1f1f7" color="#999" size="mini"/>
+					</view>
+					<view class="jp-work-line">
+						<span>男</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>29岁</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>2年以上</span>
+						<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
+						<span>高中</span>
+					</view>
+					<view class="jp-work-info">
+						<view class="u-flex">
+							<u-avatar :src="src" size="40"></u-avatar>
+							<p>周凯</p><p>开发区</p>
+						</view>
+					</view>
+				</view>	
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +69,58 @@
 	export default api;
 </script>
 
- 
+<style>
+	page{
+		background-color: #F7F7F7;
+	}
+</style>
 <style scoped lang="scss">
-	 
+	.jp-search{
+		background-color: #fff;
+		padding: 20rpx;
+	}
+	.jp-work-item{
+		padding:30rpx;
+		background-color: #fff;
+		margin: 20rpx 0;
+		&:last-child{
+			border-bottom:none;
+		}
+		.jp-work-name{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			h3{
+				font-size: 36rpx;
+			}
+			span{
+				font-size: 32rpx;
+				color:#FF1700
+			}
+		}
+		.jp-work-tag{
+			display: flex;
+			align-items: center;
+			margin-top: 10rpx;
+			*{
+				margin-right: 10rpx;
+			}
+		}
+		.jp-work-info{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 10rpx;
+			p{
+				color:#999;
+				font-size: 24rpx;
+				margin-left: 10rpx;
+			}
+		}
+	}
+	.jp-work-line{
+		display: flex;
+		align-items: center;
+		margin-top:10rpx;
+	}
 </style>