更新代码

app/App.vue

@@ -30,7 +30,7 @@ button::after {
 /**挂载iconfont字体图标*/
 @font-face {
 	font-family: 'iconfont';
-	src: url('https://at.alicdn.com/t/c/font_4507607_w6umv37ah6i.ttf?t=1714398757113') format('truetype');
+	src: url('https://at.alicdn.com/t/c/font_4507607_95t3t8zqybs.ttf?t=1715334134260') format('truetype');
 	/* src: url('~@/static/font/iconfont.ttf') format('truetype'); */
 }
 .icon {

app/common/common.scss

@@ -1,3 +1,10 @@
+.bg{
+	margin-top: -46px;
+	margin-left: -10px;
+	image{
+		width: 110%;
+	}
+}
 .main {
 	padding: 15px;
 	.form {
@@ -5,12 +12,6 @@
 		background-color: white;
 	}
 }
-.l_top {
-	image {
-		width: 100%;
-		height: 170px;
-	}
-}
 .tab {
 	padding: 0px 5px 5px 5px;
 	/* #ifdef H5 */
@@ -263,9 +264,10 @@
 				background-color: white;
 				overflow: hidden;
 				border-radius: 7px;
+				box-shadow:$box-shadow;
 				image {
 					width: 100%;
-					height: 110px;
+					height: 100px;
 				}
 				.title {
 					font-size: 14px;
@@ -273,12 +275,12 @@
 					font-weight: bold;
 				}
 				.desc {
-					font-size: 14px;
+					font-size: 13px;
 					padding-top: 3px;
 				}
 				.price {
 					padding-top: 3px;
-					font-size: 15px;
+					font-size: 14px;
 					font-weight: bold;
 					color: #ff5722;
 				}

app/components/bg/bg.vue

@@ -0,0 +1,83 @@
+<template>
+	<view>
+		<view class="back" :style="{ paddingTop: top + 'px' }">
+			<view class="cont">
+				<text class="title">{{ title }}</text>
+			</view>
+		</view>
+		<view class="top" :style="{ marginBottom: '-' + mb + 'px' }">
+			<image src="../../static/bg.png" mode="widthFix"></image>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'back',
+	props: {
+		title: {
+			type: String,
+			default: '承揽时代'
+		}
+	},
+	data() {
+		return {
+			top: 0,
+			mb: 140
+		};
+	},
+	mounted() {
+		uni.getSystemInfo({
+			success: res => {
+				this.top = parseInt(res.safeArea.top) - 5;
+				// #ifdef MP-WEIXIN
+				this.mb = this.mb - this.top + 10;
+				// #endif
+				// #ifdef H5
+				this.mb = this.mb - this.top;
+				// #endif
+			},
+			fail(err) {
+				console.error(err);
+			}
+		});
+	},
+	methods: {
+		back() {
+			uni.navigateBack();
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.back {
+	position: fixed;
+	top: 0px;
+	width: 100%;
+	height: 50px;
+	text-align: center;
+	color: white;
+	z-index: 11111;
+	text-align: left;
+	padding-left: 20px;
+	.cont {
+		padding: 15px 0px 15px 0px;
+		position: relative;
+		.icon {
+			position: absolute;
+			font-size: 25px;
+			left: 10px;
+		}
+		.title {
+			font-size: 16px;
+			font-weight: bold;
+		}
+	}
+}
+.top {
+	image {
+		width: 100%;
+	}
+}
+</style>

app/pages.json

@@ -93,6 +93,13 @@
 				"navigationBarTitleText" : "我的",
 				"enablePullDownRefresh" : false
 			}
+		},
+		{
+			"path" : "pages/clsd/job/detail",
+			"style" : 
+			{
+				"navigationBarTitleText" : "工作详情"
+			}
 		}
 
 	],
@@ -106,19 +113,7 @@
 				"iconPath": "static/tab/sy.png",
 				"selectedIconPath": "static/tab/sy_s.png",
 				"text": "首页"
-			},
-			{
-				"pagePath": "pages/clsd/job/full_time",
-				"iconPath": "static/tab/full_time.png",
-				"selectedIconPath": "static/tab/full_time_s.png",
-				"text": "找工作"
-			},
-			{
-				"pagePath": "pages/clsd/job/part_time",
-				"iconPath": "static/tab/part_time.png",
-				"selectedIconPath": "static/tab/part_time_s.png",
-				"text": "兼职零工"
-			},
+			},	
 			{
 				"pagePath": "pages/clsd/serve/index",
 				"iconPath": "static/tab/serve.png",

app/pages/clsd/index/index.scss

@@ -1,60 +1,14 @@
 .main {
-	padding: 5px 15px 55px 15px;
+	padding: 5px 20px 55px 20px;
+	position: relative;
 	.banner {
 		margin-top: 15px;
-	}
-	.news{
-		margin-top: 15px;
-		background-color: white;
-		border-radius: 7px;
-		overflow: hidden;
-		padding: 10px;
-		.gg{
-			float: left;
-			font-weight: bold;
-			.zp{
-				padding-top: 3px;	
-			}
-		}
-		.con{
-			float: left;
-			padding-left: 15px;
-			width: 85%;
-			font-size: 14px;
-			.item{
-				padding-top: 5px;
-			}
-		}
-	}
-	.menu {
-		margin-top: 10px;
-		overflow: hidden;
-		margin-left: -5px;
-		margin-right: -5px;
-		.cd {
-			float: left;
-			width: 25%;
-			text-align: center;
-			.out {
-				padding: 5px;
-				.int {
-					background-color: white;
-					border-radius: 7px;
-					padding: 10px 5px 10px 5px;
-					.icon {
-						font-size: 30px;
-					}
-					.title {
-						font-size: 14px;
-						padding-top: 5px;
-					}
-				}
-			}
-		}
+		box-shadow:$box-shadow;
 	}
 	.tab {
 		background-color: white;
 		border-radius: 7px;
-		margin-top: 10px;
+		margin-top: 15px;
+		box-shadow:$box-shadow;
 	}
 }

app/pages/clsd/index/index.vue

@@ -3,7 +3,7 @@
 		<!--搜索-->
 		<view class="search">
 			<view class="usearch">
-				<u-search placeholder="企业名称" bgColor="white" :showAction="false"></u-search>
+				<u-search placeholder="请输入职位名称" bgColor="white" :showAction="false"></u-search>
 			</view>
 			<view class="address">
 				<text class="icon">&#xe62e;</text>
@@ -14,51 +14,6 @@
 		<view class="banner">
 			<u-swiper circular :radius="5" :indicator="true" keyName="pic" :list="bannerList" :height="150" class="uni-swiper" @click="click"></u-swiper>
 		</view>
-		<view class="news">
-			<view class="gg">
-				<view class="zp">招聘</view>
-				<view class="zp">资讯</view>
-			</view>
-			<view class="con">
-				<view class="item omit">春招进行时......</view>
-				<view class="item omit">2022年全区十八大与南宁召开广西大力推广招聘兼职的在线</view>
-			</view>
-		</view>
-		<!--菜单-->
-		<view class="menu">
-			<view class="cd">
-				<view class="out">
-					<view class="int">
-						<view class="icon" style="color: #ff5722">&#xe63f;</view>
-						<view class="title">知名企业</view>
-					</view>
-				</view>
-			</view>
-			<view class="cd">
-				<view class="out">
-					<view class="int">
-						<view class="icon" style="color: #607d8b">&#xe611;</view>
-						<view class="title">人才招募</view>
-					</view>
-				</view>
-			</view>
-			<view class="cd" @click="go()">
-				<view class="out">
-					<view class="int">
-						<view class="icon" style="color: #4581fb">&#xe725;</view>
-						<view class="title">承揽广场</view>
-					</view>
-				</view>
-			</view>
-			<view class="cd">
-				<view class="out">
-					<view class="int">
-						<view class="icon" style="color: #f44336">&#xe82f;</view>
-						<view class="title">政务服务</view>
-					</view>
-				</view>
-			</view>
-		</view>
 		<!--找工作-->
 		<view class="tab">
 			<u-tabs :list="tab" :current="current"></u-tabs>
@@ -82,97 +37,96 @@
 	</view>
 </template>
 <script>
-export default {
-	data() {
-		return {
-			ip: this.http.ip,
-			current: 0,
-			tab: [{ name: '推荐职位' }, { name: '附近工作' }, { name: '热门工作' }],
-			user: {},
-			jobs: [
-				{
-					name: '广西龙坚贸易有限公司',
-					job: '装卸搬运工',
-					price: '4000',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
-				},
-				{
-					name: '韵达速递',
-					job: '快递装卸工',
-					price: '4700',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
-				},
-				{
-					name: '北京滴滴有限公司',
-					job: '滴滴快车专车司机',
-					price: '4200',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
-				},
-				{
-					name: '北京美团外卖有限公司',
-					job: '美团骑手送餐员',
-					price: '3700',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
-				},
-				{
-					name: '字节跳动有限公司',
-					job: '女主播',
-					price: '5500',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
-				},
-				{
-					name: '广西龙坚贸易有限公司',
-					job: '装卸搬运工',
-					price: '4000',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
-				}
-			],
-			bannerList: [],
-			noticeList: []
-		};
-	},
-	onShow() {
-		if (this.hasLogin()) {
-			//this.getUserInfo();
-		}
-	},
-	onLoad() {
-		this.getData();
-	},
-	methods: {
-		getUserInfo() {
-			this.http.request({
-				url: '/app/user/info',
-				success: (res) => {
-					this.user = res.data.data;
-				}
-			});
-		},
-		getData() {
-			this.http.request({
-				url: '/app/home/index',
-				success: (res) => {
-					this.contract = res.data.data.contract;
-					this.bannerList = res.data.data.bannerList;
-					res.data.data.noticeList.forEach((item) => {
-						this.noticeList.push(item.title);
-					});
-				}
-			});
+	export default {
+		data() {
+			return {
+				ip: this.http.ip,
+				current: 0,
+				tab: [{ name: '你的工作' }, { name: '身边工作' }, { name: '现结工作' }],
+				user: {},
+				jobs: [{
+						name: '广西龙坚贸易有限公司',
+						job: '装卸搬运工',
+						price: '4000',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
+					},
+					{
+						name: '韵达速递',
+						job: '快递装卸工',
+						price: '4700',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
+					},
+					{
+						name: '北京滴滴有限公司',
+						job: '滴滴快车专车司机',
+						price: '4200',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
+					},
+					{
+						name: '北京美团外卖有限公司',
+						job: '美团骑手送餐员',
+						price: '3700',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
+					},
+					{
+						name: '字节跳动有限公司',
+						job: '女主播',
+						price: '5500',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+					},
+					{
+						name: '广西龙坚贸易有限公司',
+						job: '装卸搬运工',
+						price: '4000',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+					}
+				],
+				bannerList: [],
+				noticeList: []
+			};
 		},
-		go(url) {
+		onShow() {
 			if (this.hasLogin()) {
-				uni.navigateTo({
-					url:'/pages/index/index'
-				})
-			} else {
-				uni.navigateTo({ url: '/pages/user/login' });
+				//this.getUserInfo();
+			}
+		},
+		onLoad() {
+			this.getData();
+		},
+		methods: {
+			getUserInfo() {
+				this.http.request({
+					url: '/app/user/info',
+					success: (res) => {
+						this.user = res.data.data;
+					}
+				});
+			},
+			getData() {
+				this.http.request({
+					url: '/app/home/index',
+					success: (res) => {
+						this.contract = res.data.data.contract;
+						this.bannerList = res.data.data.bannerList;
+						res.data.data.noticeList.forEach((item) => {
+							this.noticeList.push(item.title);
+						});
+					}
+				});
+			},
+			go(url) {
+				if (this.hasLogin()) {
+					uni.navigateTo({
+						url: '/pages/index/index'
+					})
+				} else {
+					uni.navigateTo({ url: '/pages/user/login' });
+				}
 			}
 		}
-	}
-};
+	};
 </script>
 
 <style lang="scss">
-@import './index.scss';
-</style>
+	@import './index.scss';
+</style>

app/pages/clsd/job/detail.vue

@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

app/pages/clsd/job/full_time.vue

@@ -2,14 +2,14 @@
 	<view class="main">
 		<!--搜索-->
 		<view class="search">
-			<u-search placeholder="企业名称" bgColor="white" :showAction="false"></u-search>
+			<u-search placeholder="请输入职位名称" bgColor="white" :showAction="false"></u-search>
 		</view>
 		<!--找工作-->
 		<view class="tab">
 			<u-tabs :list="tab" :current="current"></u-tabs>
 		</view>
 		<view class="jobs">
-			<view class="full_time" v-for="(item, index) in jobs" :key="index">
+			<view class="full_time" v-for="(item, index) in jobs" :key="index" @click="detail(item)">
 				<view class="out">
 					<view class="int">
 						<image :src="item.url" mode="aspectFill"></image>
@@ -27,67 +27,70 @@
 	</view>
 </template>
 <script>
-export default {
-	data() {
-		return {
-			ip: this.http.ip,
-			current: 0,
-			tab: [{ name: '推荐职位' }, { name: '服务员' }, { name: '建筑泥工' }, { name: '网管' }],
-			jobs: [
-				{
-					name: '广西龙坚贸易有限公司',
-					job: '装卸搬运工',
-					price: '4000',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
-				},
-				{
-					name: '韵达速递',
-					job: '快递装卸工',
-					price: '4700',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
-				},
-				{
-					name: '北京滴滴有限公司',
-					job: '滴滴快车专车司机',
-					price: '4200',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
-				},
-				{
-					name: '北京美团外卖有限公司',
-					job: '美团骑手送餐员',
-					price: '3700',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
-				},
-				{
-					name: '字节跳动有限公司',
-					job: '女主播',
-					price: '5500',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
-				},
-				{
-					name: '广西龙坚贸易有限公司',
-					job: '装卸搬运工',
-					price: '4000',
-					url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+	export default {
+		data() {
+			return {
+				ip: this.http.ip,
+				current: 0,
+				tab: [{ name: '推荐职位' }, { name: '服务员' }, { name: '建筑泥工' }, { name: '网管' }],
+				jobs: [{
+						name: '广西龙坚贸易有限公司',
+						job: '装卸搬运工',
+						price: '4000',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401904451.jpg'
+					},
+					{
+						name: '韵达速递',
+						job: '快递装卸工',
+						price: '4700',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401871968.jpg'
+					},
+					{
+						name: '北京滴滴有限公司',
+						job: '滴滴快车专车司机',
+						price: '4200',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401886712.jpg'
+					},
+					{
+						name: '北京美团外卖有限公司',
+						job: '美团骑手送餐员',
+						price: '3700',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714401895824.jpg'
+					},
+					{
+						name: '字节跳动有限公司',
+						job: '女主播',
+						price: '5500',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+					},
+					{
+						name: '广西龙坚贸易有限公司',
+						job: '装卸搬运工',
+						price: '4000',
+						url: 'http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714402008141.jpg'
+					}
+				]
+			};
+		},
+		onShow() {},
+		onLoad() {},
+		methods: {
+			detail() {
+				uni.navigateTo({
+					url: '/pages/clsd/job/detail'
+				})
+			},
+			go(url) {
+				if (this.hasLogin()) {} else {
+					uni.navigateTo({ url: '/pages/user/login' });
 				}
-			]
-		};
-	},
-	onShow() {},
-	onLoad() {},
-	methods: {
-		go(url) {
-			if (this.hasLogin()) {
-			} else {
-				uni.navigateTo({ url: '/pages/user/login' });
 			}
 		}
-	}
-};
+	};
 </script>
 
 <style lang="scss">
-.jobs {
-	margin-top: 0px;
-}
-</style>
+	.jobs {
+		margin-top: 0px;
+	}
+</style>

app/pages/clsd/my/index.scss

@@ -46,53 +46,12 @@
 			}
 		}
 	}
-	.news {
-		margin-top: 10px;
-		background-color: white;
-		border-radius: 7px;
-		overflow: hidden;
-		padding: 12px;
-		.gg {
-			font-weight: bold;
-			margin-bottom: 5px;
-			border-bottom: 1px solid $line;
-			padding-bottom: 10px;
-			.title {
-				margin-left: 10px;
-			}
-			.bor {
-				width: 5px;
-				height: 12px;
-				background-color: $main-color;
-				border-radius: 20px;
-				float: left;
-				margin-top: -16px;
-			}
-			.more {
-				float: right;
-				font-size: 14px;
-				font-weight: normal;
-				margin-top: -20px;
-			}
-		}
-		.item {
-			padding-top: 9px;
-			font-size: 14px;
-			overflow: hidden;
-			.title {
-				float: left;
-				width: 80%;
-			}
-			.date {
-				float: right;
-			}
-		}
-	}
 	.menu {
 		margin-top: 10px;
 		overflow: hidden;
 		background-color: white;
 		border-radius: 7px;
+		box-shadow:$box-shadow;
 		.cd {
 			float: left;
 			width: 25%;
@@ -107,7 +66,7 @@
 						height: 55px;
 						margin: 0 auto;
 						color: white;
-						border-radius: 50%;
+						border-radius: 8px;
 						line-height: 58px;
 						box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 					}

app/pages/clsd/my/index.vue

@@ -43,7 +43,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #f44336">&#xe6be;</view>
+						<view class="icon" style="background-color: #f44336">&#xe6be;</view>
 						<view class="title">失业登记</view>
 					</view>
 				</view>
@@ -51,7 +51,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #4581fb">&#xe64a;</view>
+						<view class="icon" style="background-color: #4581fb">&#xe64a;</view>
 						<view class="title">就业补贴</view>
 					</view>
 				</view>
@@ -59,7 +59,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #ff9800">&#xe73c;</view>
+						<view class="icon" style="background-color: #ff9800">&#xe73c;</view>
 						<view class="title">培训指导</view>
 					</view>
 				</view>
@@ -67,7 +67,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #607d8b">&#xe998;</view>
+						<view class="icon" style="background-color: #00BCD4">&#xe998;</view>
 						<view class="title">法务服务</view>
 					</view>
 				</view>
@@ -75,7 +75,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #795548">&#xe725;</view>
+						<view class="icon" style="background-color: #03A9F4">&#xe725;</view>
 						<view class="title">企业入驻</view>
 					</view>
 				</view>
@@ -83,7 +83,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #3f51b5">&#xe606;</view>
+						<view class="icon" style="background-color: #3f51b5">&#xe606;</view>
 						<view class="title">我的简历</view>
 					</view>
 				</view>
@@ -91,7 +91,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #4caf50">&#xe605;</view>
+						<view class="icon" style="background-color: #4caf50">&#xe605;</view>
 						<view class="title">面试邀约</view>
 					</view>
 				</view>
@@ -99,7 +99,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #607d8b">&#xe68a;</view>
+						<view class="icon" style="background-color: #607d8b">&#xe68a;</view>
 						<view class="title">合同列表</view>
 					</view>
 				</view>
@@ -107,7 +107,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #ffc107">&#xe641;</view>
+						<view class="icon" style="background-color: #ffc107">&#xe641;</view>
 						<view class="title">交付进度</view>
 					</view>
 				</view>
@@ -115,49 +115,16 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #2196f3">&#xe680;</view>
+						<view class="icon" style="background-color: #2196f3">&#xe680;</view>
 						<view class="title">历史评价</view>
 					</view>
 				</view>
 			</view>
-		</view>
-		<!--新闻-->
-		<view class="news">
-			<view class="gg">
-				<view class="title">最新资讯</view>
-				<view class="bor"></view>
-				<view class="more">
-					<text>更多</text>
-					<text class="icon">&#xe62b;</text>
-				</view>
-			</view>
-			<view class="item">
-				<view class="title omit">春招进行时......</view>
-				<view class="date">04-29</view>
-			</view>
-			<view class="item">
-				<view class="title omit">2022年全区十八大与南宁召开广西大力推广招聘兼职的在线</view>
-				<view class="date">04-29</view>
-			</view>
-		</view>
-		<!--图片内容-->
-		<view class="ad" style="margin-left: -10px; margin-right: -10px">
-			<view class="item" style="height: 190px">
-				<view class="out">
-					<view class="int" style="height: 175px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)">
-						<image src="../../../static/a1.jpg" mode="heightFix" style="height: 180px; width: 100%"></image>
-					</view>
-				</view>
-			</view>
-			<view class="item" style="height: 190px">
+			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="it" style="height: 80px">
-							<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714391297208.jpg" mode="aspectFill" style="height: 85px; width: 100%"></image>
-						</view>
-						<view class="it" style="height: 80px; margin-top: 15px">
-							<image src="http://47.104.228.216/prod-api/profile/upload/2024/04/29/1714391360454.jpg" mode="aspectFill" style="height: 77px; width: 100%"></image>
-						</view>
+						<view class="icon" style="background-color: #FF5722">&#xe616;</view>
+						<view class="title">分享有利</view>
 					</view>
 				</view>
 			</view>
@@ -169,96 +136,96 @@
 	</view>
 </template>
 <script>
-export default {
-	data() {
-		return {
-			ip: this.http.ip,
-			user: {}
-		};
-	},
-	onShow() {
-		/* 		 		   this.user = {
-			token: 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImI0M2FmZjFmLWQ1YWMtNDk3Yi1hNDNiLTEwYTRiMmJmYmI4YiJ9.2IEItPPaVUBQw416MK9SA6OM_PE5WgcpvTdVf_-KJ8AQsI1J9PzMlRiA2ZCQT6gdHbY9l9wS1ZxQzdIxTx9PjQ'
-		};
-		uni.setStorageSync('user', this.user); */
-		if (this.hasLogin()) {
-			this.getUserInfo();
-		}
-	},
-	methods: {
-		getUserInfo() {
-			this.http.request({
-				url: '/app/user/info',
-				success: (res) => {
-					this.user = res.data.data;
-				}
-			});
+	export default {
+		data() {
+			return {
+				ip: this.http.ip,
+				user: {}
+			};
 		},
-		go(url) {
+		onShow() {
+			/* 		 		   this.user = {
+				token: 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImI0M2FmZjFmLWQ1YWMtNDk3Yi1hNDNiLTEwYTRiMmJmYmI4YiJ9.2IEItPPaVUBQw416MK9SA6OM_PE5WgcpvTdVf_-KJ8AQsI1J9PzMlRiA2ZCQT6gdHbY9l9wS1ZxQzdIxTx9PjQ'
+			};
+			uni.setStorageSync('user', this.user); */
 			if (this.hasLogin()) {
-				if (url == 'auth') {
-					uni.navigateTo({ url: '/pages/auth/index' });
-				}
-				if (url == 'company' && this.user.isAuthentication === 1) {
-					uni.navigateTo({ url: '/pages/company/index' });
-				}
-				if (url == 'packages' && this.user.isCompany > 0 && this.user.isContract == 1) {
-					uni.switchTab({ url: '/pages/packages/index' });
-				}
-				if (url == 'contract' && this.user.isContract == 1) {
-					this.look();
-				}
-				if (url == 'info') {
-					uni.navigateTo({ url: '/pages/user/info' });
-				}
-			} else {
-				uni.navigateTo({ url: '/pages/user/login' });
+				this.getUserInfo();
 			}
 		},
-		//查看合同
-		look() {
-			uni.showLoading({ title: '正在打开合同...', mask: true });
-			uni.downloadFile({
-				url: this.user.isContract == 0 ? this.ip + this.contract.url : this.ip + '/app/contract/look',
-				header: { Authorization: this.getUser().token },
-				success: (res) => {
-					uni.openDocument({
-						filePath: res.tempFilePath,
-						showMenu: true,
-						success: (res) => {
-							uni.hideLoading();
-						}
-					});
-				},
-				fail: (res) => {
-					uni.hideLoading();
+		methods: {
+			getUserInfo() {
+				this.http.request({
+					url: '/app/user/info',
+					success: (res) => {
+						this.user = res.data.data;
+					}
+				});
+			},
+			go(url) {
+				if (this.hasLogin()) {
+					if (url == 'auth') {
+						uni.navigateTo({ url: '/pages/auth/index' });
+					}
+					if (url == 'company' && this.user.isAuthentication === 1) {
+						uni.navigateTo({ url: '/pages/company/index' });
+					}
+					if (url == 'packages' && this.user.isCompany > 0 && this.user.isContract == 1) {
+						uni.switchTab({ url: '/pages/packages/index' });
+					}
+					if (url == 'contract' && this.user.isContract == 1) {
+						this.look();
+					}
+					if (url == 'info') {
+						uni.navigateTo({ url: '/pages/user/info' });
+					}
+				} else {
+					uni.navigateTo({ url: '/pages/user/login' });
 				}
-			});
-		},
-		//退出登录
-		exit(url) {
-			uni.showModal({
-				title: '提示',
-				content: '确定退出登录?',
-				success: (res) => {
-					if (res.confirm) {
-						this.http.request({
-							url: this.http.urls.logout,
+			},
+			//查看合同
+			look() {
+				uni.showLoading({ title: '正在打开合同...', mask: true });
+				uni.downloadFile({
+					url: this.user.isContract == 0 ? this.ip + this.contract.url : this.ip + '/app/contract/look',
+					header: { Authorization: this.getUser().token },
+					success: (res) => {
+						uni.openDocument({
+							filePath: res.tempFilePath,
+							showMenu: true,
 							success: (res) => {
-								uni.removeStorageSync('user');
-								uni.$emit('top');
-								uni.switchTab({
-									url: '/pages/index/index'
-								});
+								uni.hideLoading();
 							}
 						});
+					},
+					fail: (res) => {
+						uni.hideLoading();
 					}
-				}
-			});
+				});
+			},
+			//退出登录
+			exit(url) {
+				uni.showModal({
+					title: '提示',
+					content: '确定退出登录?',
+					success: (res) => {
+						if (res.confirm) {
+							this.http.request({
+								url: this.http.urls.logout,
+								success: (res) => {
+									uni.removeStorageSync('user');
+									uni.$emit('top');
+									uni.switchTab({
+										url: '/pages/index/index'
+									});
+								}
+							});
+						}
+					}
+				});
+			}
 		}
-	}
-};
+	};
 </script>
 <style lang="scss">
-@import 'index.scss';
-</style>
+	@import 'index.scss';
+</style>

app/pages/clsd/serve/index.scss

@@ -6,10 +6,11 @@
 	}
 	.news {
 		margin-top: 10px;
-		background-color: white;
+		background-color: #cfe7fd;
 		border-radius: 7px;
 		overflow: hidden;
 		padding: 12px;
+		box-shadow:$box-shadow;
 		.gg {
 			font-weight: bold;
 			margin-bottom: 5px;
@@ -65,7 +66,7 @@
 						height: 55px;
 						margin: 0 auto;
 						color: white;
-						border-radius: 50%;
+						border-radius: 8px;
 						line-height: 58px;
 						box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 					}

app/pages/clsd/serve/index.vue

@@ -9,7 +9,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #f44336">&#xe63f;</view>
+						<view class="icon" style="background-color: #f44336;">&#xe6be;</view>
 						<view class="title">失业登记</view>
 					</view>
 				</view>
@@ -17,7 +17,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #4581fb">&#xe611;</view>
+						<view class="icon" style="background-color: #4CAF50">&#xe64a;</view>
 						<view class="title">就业补贴</view>
 					</view>
 				</view>
@@ -25,7 +25,7 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #ff9800">&#xe725;</view>
+						<view class="icon" style="background-color: #ff9800">&#xe73c;</view>
 						<view class="title">培训指导</view>
 					</view>
 				</view>
@@ -33,11 +33,27 @@
 			<view class="cd">
 				<view class="out">
 					<view class="int">
-						<view class="icon" style="color: #607d8b">&#xe82f;</view>
+						<view class="icon" style="background-color: #607d8b">&#xe998;</view>
 						<view class="title">法务服务</view>
 					</view>
 				</view>
 			</view>
+			<view class="cd" @click="go('/pages/clsd/job/full_time')">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="background-color: #4581fb">&#xe9d9;</view>
+						<view class="title">全职岗位</view>
+					</view>
+				</view>
+			</view>
+			<view class="cd" @click="go('/pages/clsd/job/part_time')">
+				<view class="out">
+					<view class="int">
+						<view class="icon" style="background-color: #FF5722">&#xe62a;</view>
+						<view class="title">兼职岗位</view>
+					</view>
+				</view>
+			</view>
 		</view>
 		<!--新闻-->
 		<view class="news">
@@ -85,55 +101,52 @@
 	</view>
 </template>
 <script>
-export default {
-	data() {
-		return {
-			ip: this.http.ip,
-			user: {},
-			jobs: [1, 2, 3, 4, 5, 6],
-			bannerList: [],
-			noticeList: []
-		};
-	},
-	onShow() {
-		if (this.hasLogin()) {
-			//this.getUserInfo();
-		}
-	},
-	onLoad() {
-		this.getData();
-	},
-	methods: {
-		getUserInfo() {
-			this.http.request({
-				url: '/app/user/info',
-				success: (res) => {
-					this.user = res.data.data;
-				}
-			});
-		},
-		getData() {
-			this.http.request({
-				url: '/app/home/index',
-				success: (res) => {
-					this.contract = res.data.data.contract;
-					this.bannerList = res.data.data.bannerList;
-					res.data.data.noticeList.forEach((item) => {
-						this.noticeList.push(item.title);
-					});
-				}
-			});
+	export default {
+		data() {
+			return {
+				ip: this.http.ip,
+				user: {},
+				jobs: [1, 2, 3, 4, 5, 6],
+				bannerList: [],
+				noticeList: []
+			};
 		},
-		go(url) {
+		onShow() {
 			if (this.hasLogin()) {
-			} else {
-				uni.navigateTo({ url: '/pages/user/login' });
+				//this.getUserInfo();
+			}
+		},
+		onLoad() {
+			this.getData();
+		},
+		methods: {
+			getUserInfo() {
+				this.http.request({
+					url: '/app/user/info',
+					success: (res) => {
+						this.user = res.data.data;
+					}
+				});
+			},
+			getData() {
+				this.http.request({
+					url: '/app/home/index',
+					success: (res) => {
+						this.contract = res.data.data.contract;
+						this.bannerList = res.data.data.bannerList;
+						res.data.data.noticeList.forEach((item) => {
+							this.noticeList.push(item.title);
+						});
+					}
+				});
+			},
+			go(url) {
+				uni.navigateTo({ url: url });
 			}
 		}
-	}
-};
+	};
 </script>
 
 <style lang="scss">
-@import 'index.scss';
-</style>
+	@import 'index.scss';
+</style>

app/uni.scss

@@ -9,5 +9,6 @@ $font-c:#545555;
 $font-c1:#333;
 $bg:#e6ebfb;
 $border-radius:5px;
+$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 
 @import '@/uni_modules/uview-ui/theme.scss';