diff --git a/components/informations/titles/titles.vue b/components/informations/titles/titles.vue
index 00b211c..76a6d0f 100644
--- a/components/informations/titles/titles.vue
+++ b/components/informations/titles/titles.vue
@@ -1,80 +1,116 @@
 <template>
-    <view id="info_title">
-    	<view>
-    		<view class="url_info" v-for="(item,index) in list" :key="index">
-    			<image :src="item.url"></image>
-    			<text>{{item.text}}</text>
-    		</view>
-    	</view>
-    </view>
+	<view id="info_title">
+		<view>
+			<view class="url_info" v-for="(item,index) in list" :key="index" @click="route_skip(index)">
+				<image :src="item.url"></image>
+				<text>{{item.text}}</text>
+			</view>
+		</view>
+	</view>
 </template>
 <style lang="scss" scoped>
-	.url_info{
+	.url_info {
 		width: 127rpx;
 		float: left;
-		flex:1; 
+		flex: 1;
 	}
-	.url_info image{
+
+	.url_info image {
 		width: 84rpx;
 		height: 84rpx;
 		margin: 0 auto;
 		display: block;
 		margin-bottom: 16rpx;
 	}
-	.url_info text{
+
+	.url_info text {
 		display: block;
 		text-align: center;
-		font-size:28rpx;
-		color:rgba(102,102,102,1);
+		font-size: 28rpx;
+		color: rgba(102, 102, 102, 1);
 	}
+
 	.sousuo {
 		height: 113rpx;
 		border: 1px #f00 solid;
 	}
-	
+
 	#info_title {
 		width: 620rpx;
 		margin: 0 auto;
 		padding: 37rpx 0;
-		
+
 	}
-	#info_title > view {
+
+	#info_title>view {
 		overflow: hidden;
 		zoom: 1;
-		display:flex;
-		  flex-wrap:wrap;
-		  display: -webkit-flex; /* Safari */
+		display: flex;
+		flex-wrap: wrap;
+		display: -webkit-flex;
+		/* Safari */
 	}
 </style>
 <script>
-export default {
-    name:"info_title",
-    data(){
-        return {
-			list: [{
-					id: 0,
-					url: '../../static/pageD/info(11).png',
-					text : '公告/资讯'
-				},
-				{
-					id: 0,
-					url: '../../static/pageD/info(6).png',
-					text : '活动消息'
-				},
-				{
-					id: 0,
-					url: '../../static/pageD/info(14).png',
-					text : '交易物流'
-					
-				},
-				{
-					id: 0,
-					url: '../../static/pageD/info(15).png',
-					text : '关注消息'
-				},
-			
-			],
-        }
-    }
-}
-</script>
\ No newline at end of file
+	export default {
+		name: "info_title",
+		data() {
+
+			return {
+				list: [{
+						id: 0,
+						url: '../../static/pageD/info(11).png',
+						text: '公告/资讯'
+					},
+					{
+						id: 0,
+						url: '../../static/pageD/info(6).png',
+						text: '活动消息'
+					},
+					{
+						id: 0,
+						url: '../../static/pageD/info(14).png',
+						text: '交易物流'
+
+					},
+					{
+						id: 0,
+						url: '../../static/pageD/info(15).png',
+						text: '关注消息'
+					},
+
+				],
+			}
+		},
+		methods: {
+			// 点击顶部的标题模块跳转
+			route_skip(index) {
+				console.log(index)
+				switch (index) {
+					case 0:
+						uni.navigateTo({
+							url: '/pageD' + "/notice/notice"
+						});
+						break;
+					case 1:
+						uni.navigateTo({
+							url: '/pageD' + "/activity/activity"
+						});
+						break;
+					case 2:
+						uni.navigateTo({
+							url: '/pageD' + "/logistics/logistics"
+						});
+						break;
+					case 3:
+						uni.navigateTo({
+							url: '/pageD' + "/attention/attention"
+						});
+						break;
+					default:
+						break;
+				}
+			}
+		}
+	}
+</script>
diff --git a/pageA/login/login.vue b/pageA/login/login.vue
index d76c9fe..0944401 100644
--- a/pageA/login/login.vue
+++ b/pageA/login/login.vue
@@ -13,8 +13,14 @@
 				<view class="labales">
 					<!-- <text></text> -->
 					<input type="tel" placeholder="请输入验证码" />
-					<text class="identifying" @click="getCode">{{text}}</text>
+					<!-- <text class="identifying" @click="getCode">{{text}}</text> -->
+					<view class="wrap">
+						<u-toast ref="uToast"></u-toast>
+						<u-verification-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-verification-code>
+						<view class="view_getcode" @tap="getCode">{{tips}}</view>
+					</view>
 				</view>
+			
 				<!-- 服务协议 -->
 				<view class="pact">
 					<view></view>
@@ -34,7 +40,9 @@
 				<text class="other" @click="mask_u">其他方式登录</text>
 			</view>
 			<!-- denglu QQ weixin -->
-			<u-button>{{login}}</u-button>
+			<view class="buttones">
+				<u-button>{{login}}</u-button>
+			</view>
 			<u-mask :show="show" @click="show = false">
 				<view class="warp">
 					<view class="rect" @tap.stop>
@@ -43,7 +51,7 @@
 							<view>QQ登录</view>
 						</view>
 						<view class="rect_view">
-							<image src="../../static/pageA/weixin.png" class="image" ></image>
+							<image src="../../static/pageA/weixin.png" class="image"></image>
 							<view>微信登录</view>
 						</view>
 						<view class="rect_butoon" @click="show = false">取消</view>
@@ -62,9 +70,12 @@
 					disabled: false
 				}],
 				value: '',
-				text : '获取验证码',
+				text: '获取验证码',
 				login: '登录',
-				show: false
+				show: false,
+				tips: '',
+				// refCode: null,
+				seconds: 60,
 			};
 		},
 		methods: {
@@ -76,22 +87,69 @@
 			checkboxGroupChange(e) {
 				// console.log(e);
 			},
-			mask_u(){
+			mask_u() {
 				this.show = !this.show
 			},
 			// 获取验证码倒计时
-			getCode(){
+			getCode() {
 				console.log("11")
 				this.loading()
 			},
-			loading(){
-				
+			loading() {
+
+			},
+			codeChange(text) {
+				this.tips = text;
+			},
+			getCode() {
+				if (this.$refs.uCode.canGetCode) {
+					// 模拟向后端请求验证码
+					uni.showLoading({
+						title: '正在获取验证码'
+					})
+					setTimeout(() => {
+						uni.hideLoading();
+						// 这里此提示会被this.start()方法中的提示覆盖
+						this.$u.toast('验证码已发送');
+						// 通知验证码组件内部开始倒计时
+						this.$refs.uCode.start();
+					}, 2000);
+				} else {
+					this.$u.toast('倒计时结束后再发送');
+				}
+			},
+			end() {
+				this.$u.toast('倒计时结束');
+			},
+			start() {
+				this.$u.toast('倒计时开始');
 			}
 		}
 	};
 </script>
 
 <style lang="scss" scoped>
+	.wrap {
+		background: none;
+		width: 200rpx;
+		position: absolute;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		margin: auto;
+		font-size: 30rpx;
+		
+		.view_getcode{
+			height: 50rpx;
+			line-height: 50rpx;
+			font-size: 30rpx;
+			color: #FF780F!important;
+		}
+	}
+	.warp .view_getcode{
+		width: 200rpx;
+		color: #FF780F!important;
+	}
 	.login {
 
 		// background: url(../../static/pageA/loginbackground.png) no-repeat!important;
@@ -163,28 +221,22 @@
 			height: 70rpx;
 			line-height: 70rpx;
 		}
-		
+
 		.labales:nth-child(3) {
 			position: relative;
 			margin-bottom: 10px;
 		}
 
-		.identifying {
-			position: absolute;
-			right: 0;
-			top: 0;
-			bottom: 0;
-			margin: auto;
-			font-size: 30rpx;
-			font-weight: 500;
-			color: rgba(255, 120, 15, 1);
-			line-height: 20px;
+		 .identifying {
+			
 		}
 	}
-	.uni-input-input, .uni-input-placeholder{
-	            color:#fff!important;
-				letter-spacing: 2rpx;
-	        }
+
+	.uni-input-input,
+	.uni-input-placeholder {
+		color: #fff !important;
+		letter-spacing: 2rpx;
+	}
 
 	.pact text {
 		font-size: 22rpx;
@@ -204,9 +256,9 @@
 	.pact {
 		position: relative;
 		padding-left: 40rpx;
-		overflow:hidden; //超出的文本隐藏
-		text-overflow:ellipsis; //溢出用省略号显示
-		white-space:nowrap; //溢出不换行
+		overflow: hidden; //超出的文本隐藏
+		text-overflow: ellipsis; //溢出用省略号显示
+		white-space: nowrap; //溢出不换行
 	}
 
 	.u-checkbox-group {
@@ -223,7 +275,7 @@
 		height: 22rpx;
 	}
 
-	.u-btn {
+	.buttones .u-btn {
 		width: 628rpx;
 		height: 98rpx;
 		background: rgba(255, 120, 15, 1) !important;
@@ -253,26 +305,31 @@
 		zoom: 1;
 		position: relative;
 		display: flex;
-		 flex-wrap:wrap;
-		 display: -webkit-flex; /* Safari */
-		.rect_view{
+		flex-wrap: wrap;
+		display: -webkit-flex;
+
+		/* Safari */
+		.rect_view {
 			width: 100rpx;
 			height: 100rpx;
-			.image{
-			width: 45rpx;
-			height: 53rpx;
-			display: inline-block;
-			
+
+			.image {
+				width: 45rpx;
+				height: 53rpx;
+				display: inline-block;
+
 			}
+
 			flex:1;
 			margin-top: 77rpx;
 		}
-		.rect_view:nth-child(2) image{
+
+		.rect_view:nth-child(2) image {
 			width: 57rpx;
 			height: 45rpx;
 		}
-		
-		.rect_butoon{
+
+		.rect_butoon {
 			width: 100%;
 			position: absolute;
 			bottom: 0;
@@ -281,38 +338,49 @@
 			line-height: 85rpx;
 			border-top: 1px #999999 solid;
 		}
-		view{
+
+		view {
 			color: #666;
-			font-size:24rpx;
+			font-size: 24rpx;
 			margin-top: 30rpx;
-			
+
 		}
 	}
-	.rect_view:nth-child(1) image,.rect_view:nth-child(1) view{
+
+	.rect_view:nth-child(1) image,
+	.rect_view:nth-child(1) view {
 		float: right;
 	}
-	.rect_view:nth-child(1) image{
+
+	.rect_view:nth-child(1) image {
 		margin-right: 20rpx;
 	}
-	.rect_view:nth-child(1){
+
+	.rect_view:nth-child(1) {
 		position: relative;
 		margin-right: 79rpx;
 	}
-	.rect_view:nth-child(1) view{
+
+	.rect_view:nth-child(1) view {
 		position: absolute;
 		bottom: 0;
 		right: 0;
 	}
-	.rect_view:nth-child(2) image,.rect_view:nth-child(2) view{
+
+	.rect_view:nth-child(2) image,
+	.rect_view:nth-child(2) view {
 		float: left;
 	}
-	.rect_view:nth-child(2) image{
+
+	.rect_view:nth-child(2) image {
 		margin-left: 20rpx;
 	}
-	.rect_view:nth-child(2){
+
+	.rect_view:nth-child(2) {
 		position: relative;
 	}
-	.rect_view:nth-child(2) view{
+
+	.rect_view:nth-child(2) view {
 		position: absolute;
 		bottom: 0;
 		left: 0;
diff --git a/pageD/information/information.vue b/pageD/information/information.vue
index b97c848..b54ff4c 100644
--- a/pageD/information/information.vue
+++ b/pageD/information/information.vue
@@ -16,7 +16,7 @@
 		<!-- 消息通知 -->
 		<view class="backes">
 			<view id="information">
-				<view class="information_dl" v-for="(item,index) in information_dl">
+				<view class="information_dl" v-for="(item,index) in information_dl" :key="index" >
 					<view>
 						<image :src="item.url"></image>
 					</view>
@@ -30,34 +30,34 @@
 </template>
 
 <script>
-	import titles from "@/components/informations/titles/titles" 
+	import titles from "@/components/informations/titles/titles"
 	export default {
 		data() {
 			return {
-				
+
 				// 通知消息
 				information_dl: [{
 						id: 0,
 						url: '../../static/pageD/info(11).png',
-						text : '通知消息',
-						contentes : '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
-						title : '2020-7-21'
+						text: '通知消息',
+						contentes: '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
+						title: '2020-7-21'
 					},
 					{
-							id: 0,
-							url: '../../static/pageD/info(11).png',
-							text : '通知消息',
-							contentes : '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
-							title : '2020-7-21'
-						},
-						{
-								id: 0,
-								url: '../../static/pageD/info(11).png',
-								text : '通知消息',
-								contentes : '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
-								title : '2020-7-21'
-							},
-				
+						id: 1,
+						url: '../../static/pageD/info(11).png',
+						text: '通知消息',
+						contentes: '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
+						title: '2020-7-21'
+					},
+					{
+						id: 2,
+						url: '../../static/pageD/info(11).png',
+						text: '通知消息',
+						contentes: '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
+						title: '2020-7-21'
+					},
+
 				],
 				value: '',
 				login: '登录',
@@ -76,8 +76,9 @@
 			mask_u() {
 				this.show = !this.show
 			},
+			
 		},
-		components:{
+		components: {
 			titles,
 		}
 	};
@@ -88,31 +89,36 @@
 		height: 113rpx;
 		border: 1px #f00 solid;
 	}
+
 	.slot-wrap {
-			display: flex;
-			align-items: center;
-			/* 如果您想让slot内容占满整个导航栏的宽度 */
-			/* flex: 1; */
-			/* 如果您想让slot内容与导航栏左右有空隙 */
-			/* padding: 0 30rpx; */
-			image{
-				width: 60rpx;
-				height: 60rpx;
-				position: absolute;
-				right: 90rpx;
-			}
-			image:nth-child(2){
-				width: 34rpx;
-				height: 40rpx;
-				position: absolute;
-				right: 30rpx;
-			}
+		display: flex;
+		align-items: center;
+
+		/* 如果您想让slot内容占满整个导航栏的宽度 */
+		/* flex: 1; */
+		/* 如果您想让slot内容与导航栏左右有空隙 */
+		/* padding: 0 30rpx; */
+		image {
+			width: 60rpx;
+			height: 60rpx;
+			position: absolute;
+			right: 90rpx;
 		}
-	.backes{
+
+		image:nth-child(2) {
+			width: 34rpx;
+			height: 40rpx;
+			position: absolute;
+			right: 30rpx;
+		}
+	}
+
+	.backes {
 		background: #fff;
 		margin-bottom: 10rpx;
 	}
-	.information_dl{
+
+	.information_dl {
 		width: 710rpx;
 		margin: 0 auto;
 		overflow: hidden;
@@ -121,38 +127,44 @@
 		padding-bottom: 23rpx;
 		border-bottom: 1px #ececec solid;
 		padding: 20rpx 5rpx 23rpx 5rpx;
-		image{
+
+		image {
 			width: 84rpx;
 			height: 84rpx;
 			margin-right: 16rpx;
 		}
-		view{
+
+		view {
 			float: left;
 			display: block;
 		}
-		.title{
+
+		.title {
 			font-size: 30rpx;
 			color: #333;
 			width: 600rpx;
 			margin-bottom: 15rpx;
 			margin-top: 9rpx;
 		}
-		.contentes{
+
+		.contentes {
 			font-size: 20rpx;
 			color: #999;
 			width: 600rpx;
 		}
 	}
-	.times{
+
+	.times {
 		position: absolute;
 		top: 30rpx;
 		right: 0;
 		color: #333333;
-		font-size:20rpx;
-	}
-	uni-page-wrapper{
+		font-size: 20rpx;
 	}
+
+	uni-page-wrapper {}
+
 	page {
-		background: #ececec!important;
+		background: #ececec !important;
 	}
 </style>