尽职尽责页面

pages.json

@@ -16,6 +16,8 @@
 		{
 			"path": "pages/duty/index",
 			"style": {
+				"titleNView": false,
+				"navigationStyle": "custom",
 				"navigationBarBackgroundColor": "#FFFFFF",
 				"navigationBarTextStyle": "black",
 				"navigationBarTitleText": "尽职尽责",
@@ -87,13 +89,24 @@
 		}, {
 			"path": "pages/user/mine_certif_search",
 			"style": {
-				"titleNView": false,
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#FFFFFF",
-				"navigationBarTextStyle": "black",
-				"navigationBarTitleText": "证书查询",
+				"titleNView": false,
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#FFFFFF",
+				"navigationBarTextStyle": "black",
+				"navigationBarTitleText": "证书查询",
 				"enablePullDownRefresh": false
 			}
+		}, {
+			"path": "pages/duty/activitylist",
+			"style": {
+				"titleNView": false,
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#FFFFFF",
+				"navigationBarTextStyle": "black",
+				"navigationBarTitleText": "劳动参与活动",
+				"enablePullDownRefresh": false
+			}
+
 		}
 	],
 	"globalStyle": {

pages/duty/activitylist.vue

@@ -0,0 +1,439 @@
+<template>
+	<view class="page">
+		<view class="content">
+			<view class="title-box"></view>
+			<view class="state-bar">
+				<image src="../../static/images/ic_arrow_left.png" mode="aspectFill" @click="closePage()"></image>
+				<view class="tab">
+					<view :class="currentIndex==1? 'tab-1':''">全部</view>
+					<view :class="currentIndex==2? 'tab-1':''">我参与的</view>
+				</view>
+			</view>
+			<view class="box">
+				<image class="title-img" src="../../static/images/ic_activity_title_bg.png" mode="aspectFill"></image>
+				<view class="title-text">
+					<text>播撒一片绿色让世界更美</text>
+					<text>爱护万千树木让你我同行</text>
+				</view>
+				<view class="container-box">
+					<!-- 搜索框 -->
+					<view class="search">
+						<view class="search-content">
+							<image src="../../static/images/ic_search.png" class="icon" mode="aspectFill"></image>
+							<input @input="onSearchInput" placeholder="请输入关键字搜索" />
+						</view>
+						<view class="btn" @click="doSearch">搜索</view>
+					</view>
+					<!-- 地区选择 -->
+					<view class="area-box">
+						<view class="area-title">当前地区:</view>
+						<view class="area-picker">全部地区</view>
+						<view class="area-picker">地区选择</view>
+					</view>
+					<!-- 列表 -->
+					<view class="content-scroller">
+						<scroller @init="initScroller" @down="refreshData" @up="getData" :up="optUp"
+							@scroll="navFloatShow(scroller)" :fixed="false">
+							<!-- 列表 -->
+							<view class="list-box">
+								<view class="item" v-for="(item,index) in list" :key="index">
+									<view class="title">{{item.title}}</view>
+									<view class="item-content">
+										<image src="../../static/images/ic_certify_title_bg.png" mode="aspectFill">
+										</image>
+										<view class="item-box">
+											<view class="item-time">活动时间:{{item.startTime}}</view>
+											<view class="item-person">参与人数:90/100</view>
+											<view class="item-bottom">
+												<view>全国</view>
+												<text class="status">状态</text>
+											</view>
+										</view>
+									</view>
+								</view>
+							</view>
+						</scroller>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import scroller from '@/components/scroller/scroller.vue';
+	export default {
+		components: {
+			scroller
+		},
+		data() {
+			return {
+				currentIndex: 1,
+				list: [{
+					title: "测试测试测试测试测试测试测试测试测试测试测试测试",
+					startTime: "2022年9月10日",
+					endTime: "2022年9月30日"
+				}, {
+					title: "测试测试测试测试测试测试测试测试测试测试测试测试",
+					startTime: "2022年9月10日",
+					endTime: "2022年9月30日"
+				}, {
+					title: "测试测试测试测试测试测试测试测试测试测试测试测试",
+					startTime: "2022年9月10日",
+					endTime: "2022年9月30日"
+				}],
+				scroller: {},
+				optUp: {
+					auto: true,
+					onScroll: true,
+					page: {
+						num: 0, //当前页 默认0,回调之前会加1; 即callback(page)会从1开始
+						size: 10 //每页数据条数,默认10
+					},
+					empty: {
+						tip: '暂无数据~'
+					}
+				},
+			}
+		},
+		methods: {
+			tabChange(i) {
+				this.currentIndex = i;
+				if (i == 1) {
+					this.bg = this.bg1
+				} else {
+					this.bg = this.bg2
+				}
+			},
+			closePage() {
+				uni.navigateBack()
+			},
+			onSearchInput(event) {
+
+			},
+			/*收搜*/
+			doSearch() {
+
+			},
+			/*初始化滚动*/
+			initScroller(scroller) {
+				this.scroller = scroller;
+				this.loadData();
+			},
+
+			/*刷新数据*/
+			refreshData() {
+				uni.showLoading({
+					title: '刷新中'
+				});
+				this.scroller.resetUpScroll();
+			},
+
+			/*加载数据*/
+			loadData() {
+				this.list = [];
+				this.scroller.resetUpScroll();
+			},
+			/*滚动时导航栏浮动*/
+			navFloatShow(scroller) {
+
+			},
+			//获取列表数据
+			getData() {
+				this.list = [{
+					title: "测试测试测试测试测试测试测试测试测试测试测试测试",
+					startTime: "2022年9月10日",
+					endTime: "2022年9月30日"
+				}, {
+					title: "测试测试测试测试测试测试测试测试测试测试测试测试",
+					startTime: "2022年9月10日",
+					endTime: "2022年9月30日"
+				}, {
+					title: "测试",
+					startTime: "2022年9月10日",
+					endTime: "2022年9月30日"
+				}];
+				this.scroller.endBySize(0, 0);
+				this.scroller.endSuccess();
+				uni.hideLoading()
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		height: 100%;
+
+	}
+
+	.page {
+		display: flex;
+		flex: 1;
+		flex-direction: column;
+		overflow: hidden;
+		height: 100%;
+	}
+
+	.content-scroller {
+		flex: 1;
+		width: 100%;
+		height: 100rpx;
+	}
+
+	.content {
+		width: 100%;
+		position: relative;
+		height: 100%;
+	}
+
+	.box {
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		height: 100%;
+		width: 98%;
+		position: absolute;
+		top: 170rpx;
+		left: 50%;
+		transform: translate(-50%, 0);
+		-webkit-transform: translate(-50%, 0);
+		box-shadow: 0rpx 7rpx 33rpx 16rpx rgba(188, 226, 204, 0.15);
+		border-radius: 30rpx;
+
+		.title-img {
+			width: 443rpx;
+			height: 203rpx;
+			align-self: center;
+		}
+
+		.title-text {
+			color: white;
+			text-align: center;
+			align-self: center;
+			display: flex;
+			flex-direction: column;
+			font-size: 30rpx;
+			font-weight: 400;
+		}
+	}
+
+	.tab-bar {
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-around;
+		padding-top: 15rpx;
+
+		.tab-active {
+			text-align: center;
+			font-size: 40rpx;
+			font-weight: bold;
+			color: #00821E;
+		}
+
+		.tab-default {
+			text-align: center;
+			font-size: 40rpx;
+			font-weight: 200;
+			color: #00821E;
+		}
+	}
+
+	.title-box {
+		width: 100%;
+		height: 800rpx;
+		background-image: url('../../static/images/ic_activity_bg.png');
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+	}
+
+	.state-bar {
+		position: absolute;
+		top: 0%;
+		left: 0%;
+		width: 100%;
+		margin: 45rpx 0rpx;
+		height: 100rpx;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+
+		image {
+			width: 50rpx;
+			height: 50rpx;
+			margin-left: 20rpx;
+		}
+
+		.tab {
+			display: flex;
+			flex-direction: row;
+			color: white;
+			justify-content: center;
+			font-size: 40rpx;
+			align-self: center;
+			text-align: center;
+			width: 100%;
+			margin-left: -70rpx;
+
+			:last-child {
+				margin-left: 40rpx;
+			}
+
+			.tab-1 {
+				border-bottom-width: 8rpx;
+				border-bottom-style: solid;
+				border-bottom-color: white;
+			}
+		}
+	}
+
+	.container-box {
+		display: flex;
+		flex-direction: column;
+		background-color: white;
+		justify-content: center;
+		align-items: flex-start;
+		margin: 20rpx;
+		padding: 30rpx 0rpx;
+		border-top-left-radius: 30rpx;
+		border-top-right-radius: 30rpx;
+		height: 100%;
+
+		.area-box {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			justify-content: flex-start;
+			margin: 30rpx;
+
+			.area-title {
+				font-size: 30rpx;
+				color: #747474;
+			}
+
+			.area-picker {
+				background-color: #E8F6EE;
+				margin-left: 20rpx;
+				color: #b3b3b3;
+				padding: 10rpx 30rpx;
+			}
+		}
+	}
+
+	/*搜索*/
+	.search {
+		padding: 10rpx 24rpx 10rpx 24rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 90%;
+		align-self: center;
+
+		.search-content {
+			background: #f2f2f2;
+			border-radius: 15px;
+			padding: 10rpx 24rpx 10rpx 24rpx;
+			margin-right: 15rpx;
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+
+		/deep/.input {
+			color: #8cc7b5;
+		}
+
+		.icon {
+			width: 30rpx;
+			height: 30rpx;
+			margin-right: 15rpx;
+		}
+
+		.btn {
+			color: #b3b3b3;
+		}
+	}
+
+	.list-box {
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: flex-start;
+		padding: 20rpx;
+		width: 95%;
+
+		.item {
+			display: flex;
+			flex-direction: column;
+			background: white;
+			border-radius: 10rpx;
+			margin: 20rpx 0rpx;
+			width: 100%;
+			box-shadow: 0rpx 7rpx 33rpx 16rpx rgba(188, 226, 204, 0.15);
+
+			.item-content {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				padding: 10rpx;
+
+				image {
+					width: 200rpx;
+					height: 130rpx;
+				}
+
+				.item-box {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: flex-start;
+					width: 100%;
+					margin-left: 20rpx;
+
+					.item-title {
+						color: #747474;
+
+					}
+
+					.item-person {
+						color: #747474;
+					}
+
+					.item-bottom {
+						display: flex;
+						flex-direction: row;
+						width: 95%;
+						justify-content: space-between;
+						color: #747474;
+
+						.status {
+							color: #00821E;
+							border: 1rpx #8cc7b5 solid;
+							padding: 0rpx 20rpx;
+							margin: 0rpx;
+							font-size: 10rpx;
+							text-align: center;
+						}
+					}
+				}
+			}
+
+
+
+			.title {
+				font-size: 30rpx;
+				display: -webkit-box;
+				text-overflow: ellipsis;
+				-webkit-line-clamp: 1;
+				-webkit-box-orient: vertical;
+				overflow: hidden;
+				padding: 10rpx;
+				color: #000;
+			}
+
+
+		}
+
+	}
+</style>

pages/duty/index.vue

@@ -1,6 +1,41 @@
 <template>
-	<view class="wrap">
-		<view>尽职尽责</view>
+	<view class="page">
+
+		<view class="status-bar"></view>
+		<view class="content">
+			<!-- 搜索框 -->
+			<view class="search">
+				<view class="search-content">
+					<image src="../../static/images/ic_search.png" class="icon" mode="aspectFill"></image>
+					<input @input="onSearchInput" placeholder="请输入关键字搜索" />
+				</view>
+				<view class="btn" @click="doSearch">搜索</view>
+			</view>
+			<!-- 轮播图 -->
+			<swiper v-if="slider.length > 0" class="swiper" :indicator-dots="true" :autoplay="true" :circular="true">
+				<swiper-item v-for="(item, index) in slider" :key="index">
+					<navigator class="item" hover-class="none" :url="'/pages/duty/list'">
+						<image :lazy-load="true" :src="item.imageUrl" mode="aspectFill"></image>
+
+					</navigator>
+				</swiper-item>
+			</swiper>
+			<view class="func-box">
+				<view class="item" @click="openActivity()">
+					<image src="../../static/images/ic_labour_pious_icon.png" mode="aspectFill"></image>
+					<text>劳动尽责</text>
+				</view>
+				<view class="item">
+					<image src="../../static/images/ic_certify_search_icon.png" mode="aspectFill"></image>
+					<text>证书查询</text>
+				</view>
+				<view class="item">
+					<image src="../../static/images/ic_duty_answer_icon.png" mode="aspectFill"></image>
+					<text>基础问答</text>
+				</view>
+			</view>
+			<image class="divider" src="../../static/images/ic_duty_divider.png" mode="aspectFill"></image>
+		</view>
 	</view>
 </template>
 
@@ -12,221 +47,163 @@
 		},
 		data() {
 			return {
-				user: {},
-				loginText: '登录',
-				showPageLoading: true
+				showPageLoading: true,
+				slider: [{
+					imageUrl: "https://img1.baidu.com/it/u=1470385559,3839180880&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500"
+				}], //轮播图
 			};
 		},
 		methods: {
+			doSearch() {
 
+			},
+			onSearchInput(event) {
+
+			},
+			openActivity() {
+				uni.navigateTo({
+					url: "/pages/duty/activitylist"
+				})
+			}
 		}
 
 	};
 </script>
 
 <style scoped lang="scss">
-	.top {
-
-		/*页面标题*/
-		.page-title {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 90rpx;
-			text-align: center;
-			z-index: 9999;
-			font-size: 38rpx;
-			font-weight: bold;
-			color: #ffffff;
-		}
+	page {
+		height: 100%;
 	}
 
-	.user {
-		.base-info {
-			//background-image: linear-gradient(top, #e4edec 20%, #e4edec 80%);
-			background: #8cc7b5;
-			height: 280rpx;
+	.page {
+		display: flex;
+		flex: 1;
+		flex-direction: column;
+		overflow: hidden;
+		height: 100%;
+		background: #fff;
+	}
+
+	.content {
+		flex: 1;
+		width: 100%;
+		height: 100rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+	}
+
+	/*幻灯片广告 */
+	.swiper {
+		height: 350rpx;
+		margin: 14rpx 24rpx 0;
+
+		image {
+			height: 350rpx;
+			width: 100%;
+			border-radius: 15rpx;
+			//box-shadow: 0 0 12px #dddee1;
 		}
 
-		.user-info {
-			padding: 64rpx 32rpx;
-			display: flex;
-			align-item: center;
-			justify-content: space-between;
+		.current {
+			width: 98%;
+			height: 350rpx;
+			margin: 1.0% 1.0%;
+			transition: all 0.2s ease-in 0s;
+		}
 
-			.avatar {
-				flex-grow: 0;
-				flex-shrink: 0;
-				line-height: 0;
-				border-radius: 50%;
+		.item {
+			position: relative;
 
-				image {
-					width: 144rpx;
-					height: 144rpx;
-					border-radius: 50%;
-					border: 1rpx solid #fff;
-				}
-			}
-
-			.default-avatar {
-				margin-top: -12rpx;
-			}
-
-			.info {
-				flex-grow: 1;
-				flex-shrink: 1;
-				padding-left: 28rpx;
+			.title {
+				position: absolute;
+				left: 0;
+				bottom: 0;
 				display: flex;
-				flex-direction: column;
 				justify-content: center;
+				width: 100%;
 
-				.nickname {
-					font-size: 44rpx;
-					color: #ffffff;
-					margin-top: -14rpx;
-				}
-
-				.mobile {
+				text {
+					margin: 7% 6%;
+					display: flex;
+					align-items: center;
+					color: #fff;
+					display: -webkit-box;
+					text-overflow: ellipsis;
+					word-break: break-all;
+					-webkit-line-clamp: 2;
+					-webkit-box-orient: vertical;
+					overflow: hidden;
 					font-size: 34rpx;
-					color: #fff;
-					display: flex;
-					align-items: center;
-					line-height: normal;
-
-					/deep/ .icon {
-						margin-left: 30rpx;
-						font-size: 28rpx;
-						display: block;
-					}
-				}
-
-				.user-type {
-					display: flex;
-					margin-top: 6rpx;
-
-					text {
-						font-size: 24rpx;
-						color: #fff;
-						background-color: #cd8202;
-						padding: 0 24rpx;
-						border-radius: 55px;
-					}
-				}
-
-				.btn-login {
-					font-size: 42rpx;
-					background: transparent;
-					color: #fff;
-					text-align: left;
-					width: 200rpx;
-				}
-			}
-
-			.setting {
-				flex-grow: 0;
-				flex-shrink: 0;
-
-				.btn-setting {
-					margin-top: 10rpx;
-
-					/deep/ .icon {
-						color: #fff;
-						font-size: 48rpx;
-					}
+					padding: 14rpx 20rpx;
+					max-width: 610rpx;
+					line-height: 1.3;
+					border-radius: 5rpx;
 				}
 			}
 		}
 	}
 
-	.nav {
-		margin-top: -15rpx;
-		margin-bottom: calc(var(--window-bottom) + 20rpx);
+	.func-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-around;
+		padding: 20rpx 10rpx;
 
-		.list {
-			margin-top: 15rpx;
-			margin-bottom: 20rpx;
+		.item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
 
-			.item {
-				padding-left: 24rpx;
-				background: #ffffff;
+			image {
+				width: 80rpx;
+				height: 80rpx;
+			}
 
-				.info {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: space-between;
-					border-bottom: 1rpx solid #e9ebee;
-					padding: 4rpx 24rpx 4rpx 0;
-					height: 100rpx;
-
-					.name {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-						justify-content: center;
-						font-size: 34rpx;
-						line-height: normal;
-
-						image {
-							width: 45rpx;
-							height: 45rpx;
-							margin-right: 16rpx;
-						}
-
-						/deep/ .icon {
-							color: #8cc7b5;
-							font-size: 44rpx;
-							margin-right: 16rpx;
-							line-height: normal;
-						}
-
-						/deep/ .icon-car {
-							font-size: 35rpx;
-							margin-right: 14rpx;
-						}
-
-						/deep/ .icon-profile-o {
-							font-size: 48rpx;
-							margin-right: 12rpx;
-						}
-
-						/deep/ .icon-user-info {
-							font-size: 50rpx;
-							margin-left: -5rpx;
-							margin-right: 10rpx;
-						}
-
-						/deep/ .icon-favorite {
-							font-size: 42rpx;
-						}
-
-						/deep/ .icon-about {
-							font-size: 44rpx;
-							margin-left: -4rpx;
-							margin-right: 12rpx;
-						}
-
-						/deep/ .icon-question {
-							margin-right: 16rpx;
-						}
-					}
-
-					/deep/ .icon {
-						color: #c1c4c9;
-						font-size: 24rpx;
-					}
-				}
-
-				&:last-child {
-					.info {
-						border-bottom: 0;
-					}
-				}
+			text {
+				color: black;
+				font-size: 30rpx;
+				margin-top: 10rpx;
 			}
 		}
 	}
 
-	.status-bar {
-		background: #8cc7b5;
+	.divider {
+		width: 96%;
+		height: 100rpx;
+		align-self: center;
+	}
+
+	/*搜索*/
+	.search {
+		padding: 10rpx 24rpx 10rpx 24rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.search-content {
+			background: #f2f2f2;
+			border-radius: 15px;
+			padding: 10rpx 24rpx 10rpx 24rpx;
+			margin-right: 15rpx;
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+
+		/deep/.input {
+			color: #8cc7b5;
+		}
+
+		.icon {
+			width: 30rpx;
+			height: 30rpx;
+			margin-right: 15rpx;
+		}
+
+		.btn {
+			color: #b3b3b3;
+		}
 	}
 </style>

pages/user/mine_certif_search.vue

@@ -2,19 +2,37 @@
 	<view class="page">
 		<view class="content">
 			<view class="title-box"></view>
+			<view class="state-bar">
+				<image src="../../static/images/ic_arrow_left.png" mode="aspectFill" @click="closePage()"></image>
+				<text>证书查询</text>
+			</view>
 			<view class="box" :style="{backgroundImage: 'url(' + bg + ')','background-repeat':'no-repeat',
 			         backgroundSize:'100% 100%'}">
 				<view class="tab-bar">
 					<view :class="currentIndex==1? 'tab-active' : 'tab-default'" @click="tabChange(1)">个人证书</view>
 					<view :class="currentIndex==2? 'tab-active' : 'tab-default'" @click="tabChange(2)">单位证书</view>
-				</view>
-				<view>测试</view>
-				<view>测试</view>
-				<view>测试</view>
-				<view>测试</view>
-				<view>测试</view>
-				<view>测试</view>
-				
+				</view>
+				<view class="centent-box" v-if="currentIndex==1">
+					<view class="box-item">
+						<text>姓名</text>
+						<input placeholder="请输入姓名" :value="name" />
+					</view>
+					<view class="box-item">
+						<text>手机号</text>
+						<input placeholder="请输入手机号" :value="phone" />
+					</view>
+					<view class="box-item">
+						<text>身份证号</text>
+						<input placeholder="请输入身份证号码" :value="idcard" />
+					</view>
+				</view>
+				<view class="centent-box" v-if="currentIndex==2" style="margin-top: 120rpx;">
+					<view class="box-item">
+						<text>单位名称</text>
+						<input placeholder="请输入单位名称" :value="unitname" />
+					</view>
+				</view>
+				<view class="btn">查询</view>
 			</view>
 		</view>
 	</view>
@@ -28,7 +46,10 @@
 				bg1: "../../static/images/ic_certify_tab_1.png",
 				bg: "../../static/images/ic_certify_tab_1.png",
 				bg2: "../../static/images/ic_certify_tab_2.png",
-
+				name: "",
+				phone: "",
+				idcard: "",
+				unitname: ""
 			}
 		},
 		methods: {
@@ -39,6 +60,50 @@
 				} else {
 					this.bg = this.bg2
 				}
+			},
+			closePage() {
+				uni.navigateBack()
+			},
+			doSearch() {
+				if (this.currentIndex == 1) {
+					//个人证书
+					if (this.name == "") {
+						uni.showToast({
+							icon: error,
+							title: "请输入姓名"
+						});
+						return;
+					}
+					if (this.phone == "") {
+						uni.showToast({
+							icon: error,
+							title: "请输入手机号码"
+						})
+						return;
+					}
+					if (this.idcard == "") {
+						uni.showToast({
+							icon: error,
+							title: "请输入身份证号码"
+						})
+						return;
+					}
+					uni.navigateTo({
+						url: ""
+					})
+				} else {
+					//单位证书
+					if (this.unitname == "") {
+						uni.showToast({
+							icon: error,
+							title: "请输入单位名称"
+						})
+						return;
+					}
+					uni.navigateTo({
+						url: ""
+					})
+				}
 			}
 		}
 	}
@@ -68,16 +133,57 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: flex-start;
-		min-height: 700rpx;
+		min-height: 700rpx;
 		height: auto;
 		width: 90%;
 		position: absolute;
 		top: 470rpx;
 		left: 50%;
 		transform: translate(-50%, 0);
-		-webkit-transform: translate(-50%, 0);
-		box-shadow: 0rpx 7rpx 33rpx 16rpx rgba(188, 226, 204, 0.15);
+		-webkit-transform: translate(-50%, 0);
+		box-shadow: 0rpx 7rpx 33rpx 16rpx rgba(188, 226, 204, 0.15);
 		border-radius: 30rpx;
+
+		.centent-box {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: flex-start;
+			margin-top: 15rpx;
+
+			.box-item {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				padding: 20rpx 40rpx;
+				font-size: 30rpx;
+				width: 100%;
+
+				text {
+					flex: 0.2;
+					margin: 0rpx;
+					padding: 0rpx;
+					font-size: 30rpx;
+				}
+
+				input {
+					flex: 0.8;
+					padding: 0rpx;
+					margin: 0rpx;
+					font-size: 30rpx;
+				}
+			}
+		}
+
+		.btn {
+			background-color: #00821E;
+			text-align: center;
+			margin: 50rpx 30rpx;
+			padding: 20rpx 30rpx;
+			color: white;
+			border-radius: 30rpx;
+			font-size: 30rpx;
+		}
 	}
 
 	.tab-bar {
@@ -109,4 +215,31 @@
 		background-size: 100% 100%;
 		background-repeat: no-repeat;
 	}
+
+	.state-bar {
+		position: absolute;
+		top: 0%;
+		left: 0%;
+		width: 100%;
+		margin: 45rpx 0rpx;
+		height: 100rpx;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+
+		image {
+			width: 50rpx;
+			height: 50rpx;
+			margin-left: 20rpx;
+		}
+
+		text {
+			color: white;
+			font-size: 40rpx;
+			align-self: center;
+			text-align: center;
+			width: 100%;
+			margin-left: -70rpx;
+		}
+	}
 </style>

unpackage/dist/dev/app-plus/app-config-service.js

@@ -1,8 +1,8 @@
 
 var isReady=false;var onReadyCallbacks=[];
 var isServiceReady=false;var onServiceReadyCallbacks=[];
-var __uniConfig = {"pages":["pages/news/index","pages/duty/index","pages/user/index","pages/user/login","pages/user/register","pages/news/newsdetail","pages/user/minejoin","pages/user/mine_honour_certif","pages/user/mine_duty_certif","pages/user/mine_certif_search"],"window":{"navigationBarTextStyle":"white","navigationBarTitleText":"全民植树","navigationBarBackgroundColor":"#8cc7b5","backgroundColor":"#F8F8F8"},"tabBar":{"color":"#000000","selectedColor":"#000000","backgroundColor":"#FFFFFF","list":[{"pagePath":"pages/news/index","iconPath":"static/images/nav/icon_home.png","selectedIconPath":"static/images/nav/icon_home_hover.png","text":"新闻资讯"},{"pagePath":"pages/duty/index","iconPath":"static/images/nav/icon_favorite.png","selectedIconPath":"static/images/nav/icon_favorite_hover.png","text":"尽职尽责"},{"pagePath":"pages/user/index","iconPath":"static/images/nav/icon_user.png","selectedIconPath":"static/images/nav/icon_user_hover.png","text":"个人中心"}]},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"tree_planting","compilerVersion":"3.6.18","entryPagePath":"pages/news/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
-var __uniRoutes = [{"path":"/pages/news/index","meta":{"isQuit":true,"isTabBar":true},"window":{"titleNView":false,"navigationStyle":"custom","enablePullDownRefresh":false,"disableScroll":true,"navigationBarTitleText":"全民植树","navigationBarTextStyle":"black","bounce":"none"}},{"path":"/pages/duty/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"尽职尽责","enablePullDownRefresh":false}},{"path":"/pages/user/index","meta":{"isQuit":true,"isTabBar":true},"window":{"titleNView":false,"navigationStyle":"custom","navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"个人中心","enablePullDownRefresh":false}},{"path":"/pages/user/login","meta":{},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"登录","enablePullDownRefresh":false}},{"path":"/pages/user/register","meta":{},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"注册","enablePullDownRefresh":false}},{"path":"/pages/news/newsdetail","meta":{},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"详情","enablePullDownRefresh":false}},{"path":"/pages/user/minejoin","meta":{},"window":{"navigationBarTitleText":"我的劳动参与","enablePullDownRefresh":false,"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black"}},{"path":"/pages/user/mine_honour_certif","meta":{},"window":{"navigationBarTitleText":"国土绿化荣誉证书","enablePullDownRefresh":false,"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black"}},{"path":"/pages/user/mine_duty_certif","meta":{},"window":{"navigationBarTitleText":"义务植树尽责证书","enablePullDownRefresh":false,"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black"}},{"path":"/pages/user/mine_certif_search","meta":{},"window":{"titleNView":false,"navigationStyle":"custom","navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"证书查询","enablePullDownRefresh":false}}];
+var __uniConfig = {"pages":["pages/news/index","pages/duty/index","pages/user/index","pages/user/login","pages/user/register","pages/news/newsdetail","pages/user/minejoin","pages/user/mine_honour_certif","pages/user/mine_duty_certif","pages/user/mine_certif_search","pages/duty/activitylist"],"window":{"navigationBarTextStyle":"white","navigationBarTitleText":"全民植树","navigationBarBackgroundColor":"#8cc7b5","backgroundColor":"#F8F8F8"},"tabBar":{"color":"#000000","selectedColor":"#000000","backgroundColor":"#FFFFFF","list":[{"pagePath":"pages/news/index","iconPath":"static/images/nav/icon_home.png","selectedIconPath":"static/images/nav/icon_home_hover.png","text":"新闻资讯"},{"pagePath":"pages/duty/index","iconPath":"static/images/nav/icon_favorite.png","selectedIconPath":"static/images/nav/icon_favorite_hover.png","text":"尽职尽责"},{"pagePath":"pages/user/index","iconPath":"static/images/nav/icon_user.png","selectedIconPath":"static/images/nav/icon_user_hover.png","text":"个人中心"}]},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"tree_planting","compilerVersion":"3.6.18","entryPagePath":"pages/news/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
+var __uniRoutes = [{"path":"/pages/news/index","meta":{"isQuit":true,"isTabBar":true},"window":{"titleNView":false,"navigationStyle":"custom","enablePullDownRefresh":false,"disableScroll":true,"navigationBarTitleText":"全民植树","navigationBarTextStyle":"black","bounce":"none"}},{"path":"/pages/duty/index","meta":{"isQuit":true,"isTabBar":true},"window":{"titleNView":false,"navigationStyle":"custom","navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"尽职尽责","enablePullDownRefresh":false}},{"path":"/pages/user/index","meta":{"isQuit":true,"isTabBar":true},"window":{"titleNView":false,"navigationStyle":"custom","navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"个人中心","enablePullDownRefresh":false}},{"path":"/pages/user/login","meta":{},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"登录","enablePullDownRefresh":false}},{"path":"/pages/user/register","meta":{},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"注册","enablePullDownRefresh":false}},{"path":"/pages/news/newsdetail","meta":{},"window":{"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"详情","enablePullDownRefresh":false}},{"path":"/pages/user/minejoin","meta":{},"window":{"navigationBarTitleText":"我的劳动参与","enablePullDownRefresh":false,"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black"}},{"path":"/pages/user/mine_honour_certif","meta":{},"window":{"navigationBarTitleText":"国土绿化荣誉证书","enablePullDownRefresh":false,"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black"}},{"path":"/pages/user/mine_duty_certif","meta":{},"window":{"navigationBarTitleText":"义务植树尽责证书","enablePullDownRefresh":false,"navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black"}},{"path":"/pages/user/mine_certif_search","meta":{},"window":{"titleNView":false,"navigationStyle":"custom","navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"证书查询","enablePullDownRefresh":false}},{"path":"/pages/duty/activitylist","meta":{},"window":{"titleNView":false,"navigationStyle":"custom","navigationBarBackgroundColor":"#FFFFFF","navigationBarTextStyle":"black","navigationBarTitleText":"劳动参与活动","enablePullDownRefresh":false}}];
 __uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 __uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}});