添加页面

App.vue

@@ -81,7 +81,7 @@
 	} */
 
 	uni-page-body {
-		// background-color: #fff !important;
+		background-color: #fff !important;
 		min-height: 100% !important;
 		height: auto !important;
 	}

pages.json

@@ -113,6 +113,15 @@
 						"enablePullDownRefresh": false,
 						"navigationStyle":"custom"// 去掉微信小程序顶部导航 
 					}
+				},
+				{
+					"path" : "massege",
+					"style" : 
+					{
+						"navigationBarTitleText" : "",
+						"enablePullDownRefresh": false,
+						"navigationStyle":"custom"// 去掉微信小程序顶部导航 
+					}
 				}
 			]
 		}

pages/customer/detile.vue

@@ -195,9 +195,6 @@
 </script>
 
 <style lang="scss">
-	uni-page-body {
-		background-color: #fff !important;
-	}
 	.u-divider{
 		margin: 0px 0px !important;
 	}

pages/customer/followup.vue

@@ -185,9 +185,6 @@
 </script>
 
 <style lang="scss">
-	uni-page-body {
-		background-color: #fff !important;
-	}
 	textarea {
 	  min-height: 200rpx;// 设置默认高度 ，解决设置自适应高度之后高度无效问题
 	  margin-top: 15px;

pages/index/customer.vue

@@ -132,6 +132,9 @@
 </script>
 
 <style lang="scss">
+	uni-page-body {
+		background-color: #F6F6F6 !important;
+	}
 	.conts{
 		background-image: url("/static/image/customer/bg.png");
 		background-size: 100%;

pages/index/mine.vue

@@ -12,13 +12,13 @@
 						<text>迪士尼公主</text>
 						<image src="/static/image/mine/edit.png" mode=""></image>
 					</view>
-					<view class="">
+					<view class="mineid">
 						ID：080427
 					</view>
 				</view>
 			</view>
 			<view class="bottomCon">
-				<view class="sonContent"  @click="navTo('/pages/mine/mycarSource')">
+				<view class="sonContent"  @click="navTo('/pages/mine/massege')">
 					<image class="son-img-bg" src="/static/image/mine/icon1.png"></image>
 					<span>消息通知</span>
 					<view class="">
@@ -87,12 +87,20 @@
 				uni.navigateTo({
 					url: '/pages/mine/changinfo'
 				});
-			}
+			},
+			navTo(url) {
+				uni.navigateTo({
+					url: url
+				});
+			},
 		}
 	}
 </script>
 
 <style lang="scss">
+	uni-page-body {
+		background-color: #F6F6F6 !important;
+	}
 	.u-badge--not-dot{
 	    padding: 5px 8px;
 		margin-right: 20px;
@@ -122,6 +130,13 @@
 				image{
 					width: 32rpx;
 					height:32rpx;
+					margin-left: 10px;
+				}
+				view{
+					line-height: 30px;
+				}
+				.mineid{
+					font-size: 24rpx;
 				}
 			}
 		}

pages/mine/changinfo.vue

@@ -2,36 +2,47 @@
 	<view>
 		<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000" backgroundColor="#fff" :statusBar="true" title="个人资料"></uni-nav-bar>
 		<view class="content">
-			<view class="">
+			<view class="topimg">
-				
+				 <image class="user" src="/static/image/mine/user.png" mode=""></image>
+				 <image class="xj" src="/static/image/mine/xiangji.png" mode=""></image>
+				 <view>点击更换头像</view>
 			</view>
-			<view class="cell">
+			<view class="cell1">
-				<view>头像</view>
+				<view>ID</view>
 				<view class="right">
-					<uni-file-picker  fileMediatype="image" limit="1" @select="select" @delete="delfn" :del-icon="false" disable-preview :imageStyles="imageStyles">
+					<input  placeholder="请填写ID" v-model="userinfo.nickname"></input>
-						<image :src="userinfo.avatar==''?'/static/image/mine/user.png':userinfo.avatar" mode="" class="addimg"></image>
-					</uni-file-picker>
 				</view>
 			</view>
+			<u-divider text=""></u-divider>
+			<view class="cell1">
+				<view>性别</view>
+				<view class="right">
+					<u-radio-group v-model="userinfo.gender">
+					  <u-radio name="1">男</u-radio>
+					  <u-radio name="2">女</u-radio>
+					</u-radio-group>
+				</view>
+			</view>
+			<u-divider text=""></u-divider>
 			<view class="cell1">
 				<view>昵称</view>
-				<view class="right select">
+				<view class="right">
 					<input  placeholder="请填写昵称" v-model="userinfo.nickname"></input>
-					<uni-icons type="right" size="18"></uni-icons>
 				</view>
 			</view>
+			<u-divider text=""></u-divider>
 			<view class="cell1">
-				<view>手机号</view>
+				<view>联系方式</view>
-				<view class="right select">
+				<view class="right">
-					<input  placeholder="请填写手机号" type="number" v-model="userinfo.phone"></input>
+					<input  placeholder="请填写联系方式" type="number" v-model="userinfo.phone"></input>
-					<uni-icons type="right" size="18"></uni-icons>
 				</view>
 			</view>
+			<u-divider text=""></u-divider>
 			<view class="cell1">
-				<view>公司</view>
+				<view>国家地区</view>
 				<view class="right select">
-					<input  placeholder="请填写公司" v-model="userinfo.company"></input>
+					<input  placeholder="请选择" v-model="userinfo.company"></input>
-					<uni-icons type="right" size="18"></uni-icons>
+					<u-icon class="arrowright" name="arrow-right" size="18" color="#747474"></u-icon>
 				</view>
 			</view>
 		</view>
@@ -128,13 +139,36 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
 	.uniui-right{
 		position: absolute;
 		top: 2px;
 	}
+	.u-divider{
+		margin: 0px 0px !important;
+	}
+	.arrowright{
+		margin-right: -15px;
+	}
 	.content{
 		background: #FFFFFF;
+		.topimg{
+			text-align: center;
+			position: relative;
+			padding: 20px 0px;
+			color: #999999;
+		}
+		.user{
+			width: 200rpx;
+			height: 200rpx;
+		}
+		.xj{
+			width: 60rpx;
+			height: 52rpx;
+			position: absolute;
+			right: 46%;
+			top: 33%;
+		}
 	}
 	.cell{
 		display: flex;
@@ -162,15 +196,14 @@
 		position: fixed;
 		bottom: 0px;
 		width: 100%;
-		height: 240rpx;
+		height: 160rpx;
 		background: #FFFFFF;
 	}
 	.btn{
-		background-color: #3F435B;
+		background: linear-gradient(to right, #3471FF, #6776FF);
 		color: white;
 		border-radius: 50px;
 		width: 84%;
-		margin-bottom: 40px;
 		margin: 20px 8%;
 	}
 	.addimg{

pages/mine/massege.vue

@@ -0,0 +1,92 @@
+<template>
+	<view>
+		<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
+			backgroundColor="#fff" :statusBar="true" title="消息通知"></uni-nav-bar>
+		<view class="container">
+			<!-- 消息通知列表 -->
+			<u-list>
+				<u-list-item v-for="(item, index) in messages" :key="index">
+					<view class="message-item">
+						<view class="message-header">
+							<view class="message-title">新客户录入</view>
+							<view class="message-time">{{ item.time }}</view>
+						</view>
+						<view class="message-content">
+							<text>{{ item.content }}</text>
+							<text class="message-link">请点击查看>></text>
+						</view>
+					</view>
+				</u-list-item>
+			</u-list>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				messages: [{
+						time: '2025-01-01 10:15:02',
+						content: '亲爱的用户您好，您有新的客户资源录入，此资源为平台分配。'
+					},
+					{
+						time: '2025-01-01 10:15:02',
+						content: '亲爱的用户您好，您有新的客户资源录入，此资源为平台分配。'
+					},
+					{
+						time: '2025-01-01 10:15:02',
+						content: '亲爱的用户您好，您有新的客户资源录入，此资源为平台分配。'
+					}
+				]
+			}
+		},
+		methods: {
+			// 点击消息项
+			handleMessageClick(index) {
+				uni.showToast({
+					title: `点击了第 ${index + 1} 条消息`,
+					icon: 'none'
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.container {
+		padding: 20px;
+		
+	}
+
+	.message-item {
+		background-color: #F6F6F6;
+		padding: 15px;
+		border-radius: 8px;
+		margin-bottom: 10px;
+	}
+
+	.message-header {
+		margin-bottom: 10px;
+	}
+
+	.message-title {
+		font-size: 16px;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.message-time {
+		font-size: 12px;
+		color: #999;
+	}
+	.message-content {
+		font-size: 14px;
+		color: #666;
+	}
+
+	.message-link {
+		color: #007aff;
+		margin-top: 5px;
+	}
+</style>