1

Signed-off-by: lcw <1324309909@qq.com>

src/components/pages/examine.vue

@@ -33,7 +33,7 @@
 			</div>
 			<div class="body_content" v-if="this.choose == 0">
 				<div class="content_body">
-					<div class="content_new">
+					<div class="content_new" @click="goTo('/examineWork')">
 						<div class="new_left">
 							<div class="tx">
 								<img src="../../assets/icon/portal.png" alt="" />
@@ -43,9 +43,9 @@
 								<div class="new_content">麓城亲子义工任务</div>
 							</div>
 						</div>
-						<div class="new_right" @click="goTo('/examineWork')">去审核</div>
+						<div class="new_right">去审核</div>
 					</div>
-					<div class="content_new">
+					<div class="content_new" @click="goTo('/examineWork')">
 						<div class="new_left">
 							<div class="tx">
 								<img src="../../assets/icon/portal.png" alt="" />
@@ -55,9 +55,9 @@
 								<div class="new_content">麓城亲子义工任务</div>
 							</div>
 						</div>
-						<div class="new_right" @click="goTo('/examineWork')">去审核</div>
+						<div class="new_right">去审核</div>
 					</div>
-					<div class="content_new">
+					<div class="content_new" @click="goTo('/examineWork')">
 						<div class="new_left">
 							<div class="tx">
 								<img src="../../assets/icon/portal.png" alt="" />
@@ -67,7 +67,7 @@
 								<div class="new_content">麓城亲子义工任务</div>
 							</div>
 						</div>
-						<div class="new_right" @click="goTo('/examineWork')">去审核</div>
+						<div class="new_right">去审核</div>
 					</div>
 				</div>
 			</div>
@@ -123,7 +123,7 @@
 			};
 		},
 		methods: {
-      goTo(path) {
+			goTo(path) {
 				this.$router.push(path);
 			},
 			goBack() {
@@ -145,17 +145,14 @@
 	}
 	.body_top_second >>> .el-input > input {
 		border: none;
+		height: 2rem;
 	}
 	.search_img {
-		width: 1.5rem;
-		height: 1.5rem;
+		width: 1.2rem;
+		height: 1.2rem;
 		position: absolute;
-		top: 0.4rem;
-		right: 0;
-	}
-	.search_img {
-		width: 1rem;
-		height: 1rem;
+		top: 0.5rem;
+		right: 0.4rem;
 	}
 	.search_img > img,
 	.tx > img {
@@ -194,12 +191,13 @@
 		width: 90%;
 		margin: 0 auto;
 		flex-direction: row;
-		padding: 0.4rem 0.6rem 0.2rem 0.6rem;
+		padding: 0.4rem 0 0.2rem 0.6rem;
 		justify-content: space-evenly;
 		border-bottom: 1px dashed #999;
 	}
 	.new_left {
 		display: flex;
+		width: 70%;
 	}
 	.new_title {
 		font-size: 0.8rem;
@@ -216,13 +214,15 @@
 		font-size: 0.2rem;
 		line-height: 3rem;
 		color: #f54444;
+		width: 20%;
 	}
 	.tx {
 		width: 2rem;
 		height: 2rem;
-		line-height: 4rem;
+		line-height: 4.2rem;
 	}
 	.tx_nav {
 		margin: 0.5rem 0 0 0.5rem;
+		width: 45%;
 	}
 </style>

src/components/pages/examineWork.vue

@@ -10,7 +10,10 @@
 			/>
 			<span>吴佳琪的义工任务</span>
 		</div>
-		<div class="pb_content_body" style="position: relative;min-height: calc(100% - 3.5rem);">
+		<div
+			class="pb_content_body"
+			style="position: relative; min-height: calc(100% - 3.5rem)"
+		>
 			<div class="is_who_work">
 				<div class="new_left">
 					<div class="tx">
@@ -118,6 +121,7 @@
 		background: #fff;
 		width: 90%;
 		margin: 1rem auto;
+		border-radius: 0.5rem;
 	}
 	.work_top {
 		display: flex;

src/components/pages/home.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="pb_content">
+	<div class="pb_content" style="background: rgb(246 246 246)">
 		<div class="pb_head" style="height: 6rem">
 			<div class="top_first">
 				<div class="tx" @click="goTo('/myDetail')">
@@ -194,7 +194,10 @@
 								<div>82575674</div>
 							</div>
 						</div>
-						<div class="community_attend">加入报名</div>
+						<div class="community_buttom">
+							<div class="community_attend">加入报名</div>
+							<div>></div>
+						</div>
 					</div>
 					<div class="content_community">
 						<div class="community_top">
@@ -223,7 +226,10 @@
 								<div>82575674</div>
 							</div>
 						</div>
-						<div class="community_attend">加入报名</div>
+						<div class="community_buttom">
+							<div class="community_attend">加入报名</div>
+							<div>></div>
+						</div>
 					</div>
 					<div class="content_community">
 						<div class="community_top">
@@ -252,7 +258,10 @@
 								<div>82575674</div>
 							</div>
 						</div>
-						<div class="community_attend">加入报名</div>
+						<div class="community_buttom">
+							<div class="community_attend">加入报名</div>
+							<div>></div>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -282,6 +291,7 @@
 		display: flex;
 		flex-direction: row;
 		justify-content: center;
+		height: 100%;
 	}
 	.tx {
 		width: 2.1rem;
@@ -306,7 +316,7 @@
 		padding-left: 0.4rem;
 	}
 	.right_first > div:nth-child(1) {
-		font-size: 16px;
+		font-size: 1rem;
 		line-height: 3rem;
 		padding-top: 0.8rem;
 	}
@@ -314,7 +324,7 @@
 		display: flex;
 	}
 	.tx_right > div:nth-child(2) {
-		font-size: 12px;
+		font-size: 0.1rem;
 		line-height: 0.1rem;
 	}
 	.body_top_first {
@@ -352,12 +362,15 @@
 		border: none;
 		margin-left: 0.5rem;
 	}
+	.body_top_second >>> .el-input > input {
+		height: 1.8rem;
+		font-size: 0.2rem;
+	}
 	.search_img {
-		width: 1.5rem;
-		height: 1.5rem;
+		width: 1.1rem;
 		position: absolute;
-		top: 0.2rem;
-		right: 0.7rem;
+		top: 0.3rem;
+		right: 0.8rem;
 	}
 	.content_top {
 		width: 95%;
@@ -365,6 +378,8 @@
 		display: flex;
 		background: #e8e8e8;
 		height: 2.2rem;
+		border-radius: 0.2rem;
+		box-shadow: 0.1rem 0.2rem 0.2rem #ccc;
 	}
 	.content_top_tb {
 		width: 1.2rem;
@@ -374,9 +389,11 @@
 	.content_body {
 		width: 95%;
 		margin: 0 auto;
-		height: 18rem;
+		height: 17rem;
 		background: #fff;
 		overflow: auto;
+		border-radius: 0.3rem;
+		box-shadow: 0.1rem 0.2rem 0.2rem #ccc;
 	}
 	.content_new {
 		display: flex;
@@ -418,10 +435,12 @@
 		background: #fff;
 		width: 90%;
 		margin: 1rem auto;
-		border-radius: 0.2rem;
+		border-radius: 0.4rem;
+		border: 1px solid #e0e0e0;
+		box-shadow: 0.1rem 0.1rem 0.2rem #ccc;
 	}
 	.community_top {
-		background: #e8e8e8;
+		background: rgb(241 241 241);
 		display: flex;
 		width: 100%;
 		padding: 0.5rem 0;
@@ -444,12 +463,12 @@
 		border-bottom: 1px solid #e6e6e6;
 	}
 	.community_content_title {
-		font-size: 18px;
+		font-size: 0.7rem;
 		font-weight: bold;
 		margin: 0.5rem 0;
 	}
 	.community_content_time {
-		font-size: 12px;
+		font-size: 0.1rem;
 		margin: 0 0.8rem;
 		color: #969696;
 	}
@@ -457,8 +476,12 @@
 	.content_rgtime,
 	.content_phone {
 		display: flex;
+		align-items: center;
 		margin: 0.4rem 0 0 0.8rem;
 	}
+	.content_phone {
+		padding-bottom: 0.8rem;
+	}
 	.content_task > div:nth-child(1),
 	.content_rgtime > div:nth-child(1) {
 		font-size: 12px;
@@ -476,12 +499,15 @@
 		white-space: nowrap;
 	}
 	.phone {
-		width: 1rem;
-		height: 1rem;
-		margin: 0 0.5rem 0.8rem 0;
+		width: 0.9rem;
+	}
+	.content_phone > div:nth-child(2) {
+		padding-left: 0.4rem;
+		color: #878a89;
+		font-size: 0.1rem;
 	}
 	.community_attend {
-		padding: 0.5rem 0.5rem;
+		padding: 0.5rem 0 0.5rem 0.8rem;
 		font-size: 16px;
 	}
 	.leader {
@@ -491,18 +517,27 @@
 	}
 	.look_work {
 		display: flex;
+		align-items: center;
 		position: absolute;
 		right: 0.5rem;
 		top: 0;
 	}
 	.clean {
-		width: 1rem;
-		height: 1rem;
-		line-height: 3.4rem;
+		width: 0.8rem;
+		height: 0.8rem;
+		line-height: 1rem;
 	}
 	.audit_work {
 		padding-left: 0.2rem;
-		font-size: 0.8rem;
-		line-height: 3.1rem;
+		font-size: 0.5rem;
+	}
+	.community_buttom {
+		display: flex;
+		align-items: center;
+		flex-direction: row;
+		justify-content: space-between;
+	}
+	.community_buttom > div:nth-child(2) {
+		padding-right: 1rem;
 	}
 </style>

src/components/pages/workDetail.vue

@@ -10,7 +10,10 @@
 			/>
 			<span>作业详情</span>
 		</div>
-		<div class="pb_content_body" style="position: relative;min-height: calc(100% - 4rem);">
+		<div
+			class="pb_content_body"
+			style="position: relative; min-height: calc(100% - 4rem)"
+		>
 			<div class="work_detail">
 				<div class="work_top">
 					<div class="lag"><img src="../../assets/icon/lag.png" alt="" /></div>
@@ -38,11 +41,10 @@
 <script>
 	export default {
 		data() {
-			return {
-      };
+			return {};
 		},
 		methods: {
-      goTo(path) {
+			goTo(path) {
 				this.$router.push(path);
 			},
 			goBack() {
@@ -72,6 +74,7 @@
 		background: #fff;
 		width: 90%;
 		margin: 1rem auto;
+		border-radius: 0.5rem;
 	}
 	.work_top {
 		display: flex;