no message

common/css/common.css

@@ -225,6 +225,9 @@ image {
 .fc-41ABF5{
 	color: #41ABF5;
 }
+.fc-57CAFF{
+	color: #57CAFF;
+}
 .fc-FB3D03{
 	color: #FB3D03;
 }
@@ -249,6 +252,9 @@ image {
 .bgc-41ABF5{
 	background-color: #41ABF5;
 }
+.bgc-BCEAFF{
+	background-color: #BCEAFF;
+}
 .bgc-B3DDFB{
 	background-color: #B3DDFB;
 }
@@ -261,8 +267,8 @@ image {
 .bgc-E6E6E6{
 	background-color: #E6E6E6;
 }
-.bgc-F6F6F6{
-	background-color: #F6F6F6;
+.bgc-FB3D03{
+	background-color: #FB3D03;
 }
 
 
@@ -281,6 +287,10 @@ image {
 .p-24{
 	padding: 24rpx;
 }
+
+.p-t-4 {
+	padding-top: 4rpx;
+}
 .p-t-10 {
 	padding-top: 10rpx;
 }
@@ -336,7 +346,9 @@ image {
 .mr-40{
 	margin-right: 40px;
 }
-
+.mr-46{
+	margin-right: 46px;
+}
 
 
 
@@ -379,6 +391,9 @@ image {
 .mb-50{
 	margin-bottom: 50rpx;
 }
+.mb-52{
+	margin-bottom: 52rpx;
+}
 .mb-60{
 	margin-bottom: 60rpx;
 }

pages-my/comment.vue

@@ -0,0 +1,60 @@
+<template>
+	<view class="flex-common-css bgc-f">
+		<Nav title="评论" titleColor="#333" bgckgroundBox='#fff'></Nav>
+		<scroll-view :scroll-y="true" class="scroll-view-css">
+			<view class="content-box box-border-box">
+				<view class="item-box display-flex mb-26" v-for="(item,index) in 2">
+					<image class="item-img mr-16 flex-shrink0" src="../static/img/my/user-img.png" mode=""></image>
+					<view class="item-right flex-justify-space">
+						<view class="common-view-css mr-46">
+							<view class="mb-4 fc-3 fs-28">
+								恒生科技和半导体
+							</view>
+							<view class="fs-24 fc-9 mb-16">
+								1小时前
+							</view>
+							<view class="fs-30 fc-3">
+								正常的很
+							</view>
+						</view>
+						<image class="right-img" src="../static/img/my/bg.png" mode=""></image>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {};
+		},
+		onLoad(data) {},
+		mounted() {},
+		methods: {
+			
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+.content-box{
+	padding: 24rpx 24rpx 0;
+}
+.item-img{
+	width: 80rpx;
+	height: 80rpx;
+}
+.item-right{
+	width: 100%;
+	padding: 0 0 24rpx 0;
+	border-bottom: 2rpx solid #F9F9F9;
+}
+.right-img{
+	width: 140rpx;
+	height: 140rpx;
+	border-radius: 12rpx;
+}
+</style>

pages-my/info-centre.vue

@@ -0,0 +1,107 @@
+<template>
+	<view class="flex-common-css bgc-f">
+		<Nav title="消息中心" titleColor="#333" bgckgroundBox='#fff'></Nav>
+		<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
+			<view class="content-box box-border-box">
+				<view class="item-box align-items-center flex-justify-space mb-52" @click="goToUrl(1)">
+					<view class="left align-items-center">
+						<image class="left-img mr-20" src="@/static/img/my/pl.png" mode=""></image>
+						<view class="">
+							<view class="fs-32 fc-0 fw-600">
+								评论
+							</view>
+							<view class="fs-28 fc-9 p-t-4" v-if="infoNumOne>0">
+								你有新的评论，速去查看~
+							</view>
+						</view>
+					</view>
+					<view class="right b-rad-200 bgc-FB3D03 fs-24 fc-f" v-if="infoNumOne>0">
+						{{infoNumOne >= 99?'99+':infoNumOne}}
+					</view>
+				</view>
+				<view class="item-box align-items-center flex-justify-space mb-52" @click="goToUrl(2)">
+					<view class="left align-items-center">
+						<image class="left-img mr-20" src="@/static/img/my/dz.png" mode=""></image>
+						<view class="">
+							<view class="fs-32 fc-0 fw-600">
+								点赞
+							</view>
+							<view class="fs-28 fc-9 p-t-4" v-if="infoNumTwo>0">
+								你有新的点赞，速去查看~
+							</view>
+						</view>
+					</view>
+					<view class="right b-rad-200 bgc-FB3D03 fs-24 fc-f" v-if="infoNumTwo>0">
+						{{infoNumTwo >= 99?'99+':infoNumTwo}}
+					</view>
+				</view>
+				<view class="item-box align-items-center flex-justify-space mb-52" @click="goToUrl(3)">
+					<view class="left align-items-center">
+						<image class="left-img mr-20" src="@/static/img/my/xtxx.png" mode=""></image>
+						<view class="">
+							<view class="fs-32 fc-0 fw-600">
+								系统消息
+							</view>
+							<view class="fs-28 fc-9 p-t-4" v-if="infoNumThree>0">
+								刚刚错过了公告，速去查看~
+							</view>
+						</view>
+					</view>
+					<view class="right b-rad-200 bgc-FB3D03 fs-24 fc-f" v-if="infoNumThree>0">
+						{{infoNumThree >= 99?'99+':infoNumThree}}
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				infoNumOne: 0,
+				infoNumTwo: 1,
+				infoNumThree: 100
+			};
+		},
+		onLoad(data) {},
+		mounted() {},
+		methods: {
+			goToUrl(type) {
+				if(type === 1) {
+					// 评论
+					uni.navigateTo({
+						url: '/pages-my/comment'
+					})
+				}else if(type === 2) {
+					// 点赞
+					uni.navigateTo({
+						url: '/pages-my/praise'
+					})
+				}else {
+					// 系统消息
+				}
+			},
+			scrolltolower() {
+				console.log('触底');
+			},
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+.content-box{
+	padding: 32rpx 32rpx 0;
+}
+.left-img{
+	width: 112rpx;
+	height: 112rpx;
+}
+.right{
+	padding: 0 10rpx;
+	height: 32rpx;
+	line-height: 32rpx;
+}
+</style>

pages-my/praise.vue

@@ -0,0 +1,60 @@
+<template>
+	<view class="flex-common-css bgc-f">
+		<Nav title="点赞" titleColor="#333" bgckgroundBox='#fff'></Nav>
+		<scroll-view :scroll-y="true" class="scroll-view-css">
+			<view class="content-box box-border-box">
+				<view class="item-box display-flex mb-26" v-for="(item,index) in 2">
+					<image class="item-img mr-16 flex-shrink0" src="../static/img/my/user-img.png" mode=""></image>
+					<view class="item-right flex-justify-space">
+						<view class="common-view-css mr-46">
+							<view class="mb-4 fc-3 fs-28">
+								恒生科技和半导体
+							</view>
+							<view class="fs-24 fc-9 mb-16">
+								1小时前
+							</view>
+							<view class="fs-30 fc-3">
+								正常的很
+							</view>
+						</view>
+						<image class="right-img" src="../static/img/my/bg.png" mode=""></image>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {};
+		},
+		onLoad(data) {},
+		mounted() {},
+		methods: {
+			
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+.content-box{
+	padding: 24rpx 24rpx 0;
+}
+.item-img{
+	width: 80rpx;
+	height: 80rpx;
+}
+.item-right{
+	width: 100%;
+	padding: 0 0 24rpx 0;
+	border-bottom: 2rpx solid #F9F9F9;
+}
+.right-img{
+	width: 140rpx;
+	height: 140rpx;
+	border-radius: 12rpx;
+}
+</style>

pages-my/set-user-phone.vue

@@ -3,7 +3,30 @@
 		<Nav title=" " titleColor="#333" bgckgroundBox='#fff'></Nav>
 		<scroll-view :scroll-y="true" class="scroll-view-css">
 			<view class="content-box box-border-box">
-				
+				<view class="fw-600 fs-48 fc-3 mb-16">
+					更换手机号
+				</view>
+				<view class="fs-28 fc-6 mb-32">
+					一个手机号只能绑定一个账号，绑定的手机账号禁止修改。
+				</view>
+				<view class="phone-box mb-22">
+					<image class="icons" src="@/static/img/my/yzm-icons.png" mode=""></image>
+					<input class="uni-input b-rad-200" focus placeholder="请输入手机号" />
+				</view>
+				<view class="flex-justify-space mb-80">
+					<view class="phone-box mr-24 common-view-css">
+						<image class="icons" src="@/static/img/my/yzm-icons.png" mode=""></image>
+						<input class="uni-input b-rad-200" focus placeholder="请输入验证码" />
+					</view>
+					<view class="get-code-box">
+						<view class="get-but fc-57CAFF fs-32 text-align-center b-rad-200">
+							获取验证码
+						</view>
+					</view>
+				</view>
+				<view class="but fs-32 fc-f fw-600 b-rad-200 text-align-center" :class="butType?'bgc-41ABF5':'bgc-BCEAFF'">
+					确认
+				</view>
 			</view>
 		</scroll-view>
 	</view>
@@ -13,18 +36,60 @@
 	export default {
 		components: {},
 		data() {
-			return {};
+			return {
+				formData: {
+					phone: '',
+					code: ''
+				},
+				butType: false
+			};
+		},
+		watch: {
 		},
 		onLoad(data) {},
 		mounted() {},
 		methods: {
-			
+
 		},
 	}
 </script>
 
 <style lang="scss" scoped>
-.content-box{
-	padding: 32rpx 40rpx 0;
-}
-</style>
+	.content-box {
+		padding: 32rpx 40rpx 0;
+	}
+
+	.phone-box {
+		position: relative;
+	}
+
+	.uni-input {
+		// width: 100%;
+		background: #F6F6F6;
+		height: 92rpx;
+		line-height: 92rpx;
+		padding: 0 0 0 68rpx;
+	}
+
+	.icons {
+		position: absolute;
+		top: 30rpx;
+		left: 24rpx;
+		width: 32rpx;
+		height: 32rpx;
+	}
+	.get-code-box{
+		width: 208rpx;
+	}
+	.get-but{
+		width: 100%;
+		height: 92rpx;
+		line-height: 92rpx;
+		border: 2rpx solid #57CAFF;
+	}
+	.but{
+		width: 100%;
+		height: 92rpx;
+		line-height: 92rpx;
+	}
+</style>

pages.json

@@ -128,6 +128,24 @@
 					"style": {
 						"navigationBarTitleText": "评价"
 					}
+				},
+				{
+					"path": "info-centre",
+					"style": {
+						"navigationBarTitleText": "消息中心"
+					}
+				},
+				{
+					"path": "comment",
+					"style": {
+						"navigationBarTitleText": "评论"
+					}
+				},
+				{
+					"path": "praise",
+					"style": {
+						"navigationBarTitleText": "点赞"
+					}
 				}
 			]
 		}
@@ -149,7 +167,7 @@
 		"current": 0,
 		"list": [{
 			"name": "列表调试",
-			"path": "pages-my/set-user-phone",
+			"path": "pages-my/praise",
 			"query": ""
 		}]
 	}

pages/me/index.vue

@@ -161,17 +161,20 @@
 				} else if (type == 3) {
 					// 我的评价
 					uni.navigateTo({
-						url:'/pages-my/my-appraise'
+						url: '/pages-my/my-appraise'
 					})
 				} else if (type == 4) {
 					// 地址管理
 				} else if (type == 5) {
 					// 领券中心
 					uni.navigateTo({
-						url:'/pages-my/ticket-centre'
+						url: '/pages-my/ticket-centre'
 					})
 				} else if (type == 6) {
 					// 消息中心
+					uni.navigateTo({
+						url: '/pages-my/info-centre'
+					})
 				} else if (type == 7) {
 					// 联系客服
 				} else if (type == 8) {