关于我们页面；个人资料页面；

App.vue

@@ -93,6 +93,7 @@ export default {
 @import '@/common/uni.css';
 page {
 	height: 100%;
+	background: #f3f3f3;
 }
  *{touch-action: none;}
 .display-flex-start {

pages.json

@@ -1,66 +1,64 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-		    "path" : "pages/taxationLesson/index",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "创业社区",
-				"navigationBarTextStyle": "black"
-		    }
-		    
-		},	
+			"path": "pages/taxationLesson/index",
+			"style": {
+				"navigationBarTitleText": "创业社区"
+			}
+
+		},
 		{
-		    "path" : "pages/appCenter/index",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "应用中心",
-				"navigationBarTextStyle": "black"
-		    }
-		    
+			"path": "pages/appCenter/index",
+			"style": {
+				"navigationBarTitleText": "应用中心"
+			}
+
 		},
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "首页",
-				"navigationBarTextStyle": "black"
+				"navigationBarTitleText": "首页"
 			}
 		},
 		{
 			"path": "pages/self/index",
 			"style": {
-				"navigationBarTitleText": "我的",
-				"navigationBarTextStyle": "black",
-				"backgroundColor": "#f3f3f3"
+				"navigationBarTitleText": "我的"
+			}
+		},
+		{
+			"path": "pages/auth/index",
+			"style": {
+				"navigationBarTitleText": "鑫恩华"
 			}
 		},
-        {
-            "path" : "pages/auth/index",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "鑫恩华",
-                "enablePullDownRefresh": false
-            }
-            
-        },
-
 		{
-		    "path" : "pages/webview/web-view",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "外部链接",
-		        "enablePullDownRefresh": false
-		    }
-		    
+			"path": "pages/webview/web-view",
+			"style": {
+				"navigationBarTitleText": "外部链接"
+			}
+		},
+		{
+			"path": "pages/self/about",
+			"style": {
+				"navigationBarTitleText": "关于我们"
+			}
+		},
+		{
+			"path": "pages/self/info",
+			"style": {
+				"navigationBarTitleText": "个人资料"
+			}
 		}
-    ],
+	],
 	"globalStyle": {
-		"navigationBarTextStyle": "white",
+		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "鑫恩华",
 		"navigationBarBackgroundColor": "#FFFFFF",
-		"backgroundColor": "#FFFFFF"
+		"backgroundColor": "#f3f3f3"
 	},
 	"tabBar": {
-		"borderStyle":"white",
+		"borderStyle": "white",
 		"list": [{
 				"pagePath": "pages/index/index",
 				"iconPath": "/static/tabbar/activity.png",
@@ -78,7 +76,7 @@
 				"iconPath": "/static/tabbar/honer.png",
 				"selectedIconPath": "/static/tabbar/honer-ed.png",
 				"text": "应用中心"
-			},			
+			},
 			{
 				"pagePath": "pages/self/index",
 				"iconPath": "/static/tabbar/self.png",
@@ -87,4 +85,4 @@
 			}
 		]
 	}
-}
+}

pages/self/about.vue

@@ -0,0 +1,63 @@
+<template>
+	<view class="page-wrap">
+		<image class="bg" src="../../static/img_about_bg.jpg" mode="aspectFill"></image>
+		<image class="logo" src="../../static/icon_logo.png"></image>
+		<view class="name">
+			鑫鑫园区® 综合管理系统
+		</view>
+		<view class="version">
+			版本 2.1.0.6
+		</view>
+		<text class="foot">
+			©2023-2029  天津鑫恩华产业园区管理有限公司
+			All Rights Reserved.
+		</text>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+	.page-wrap{
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		position: relative;
+		.bg{
+			position: fixed;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 100%;
+			z-index: -1;
+		}
+		.logo{
+			width: 181.32rpx;
+			height: 181.32rpx;
+			margin: 274.73rpx 0 21.98rpx;
+		}
+		.name{
+			font-size: 27.47rpx;
+			color: #555555;
+			line-height: 41.21rpx;
+		}
+		.version{
+			font-size: 24.73rpx;
+			color: #666666;
+			line-height: 41.21rpx;
+		}
+		.foot{
+			position: fixed;
+			left: 50%;
+			bottom: 27.47rpx;
+			transform: translateX(-50%);
+			font-size: 19.23rpx;
+			color: #666;
+			line-height: 27.47rpx;
+			white-space: nowrap;
+			text-align: center;
+		}
+	}
+</style>

pages/self/index.scss

@@ -1,9 +1,6 @@
 
-	.content {
-		min-height: 100%;
-		background: #f3f3f3;
+	.page-wrap {
 		padding-bottom: 41.21rpx;
-		box-sizing: border-box;
 	}
 
 	.header-panel {

pages/self/index.vue

@@ -1,6 +1,6 @@
 <template>
-	<view class="content">
-		<view class="header-panel">
+	<view class="page-wrap">
+		<view class="header-panel" @click="handleOpenInfo">
 			<image v-if="userInfo && userInfo.avatar" class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
 			<image v-else class="avatar" src="../../static/img_avatar.png" mode="aspectFill"></image>
 			<view v-if="userInfo" class="info">
@@ -8,33 +8,27 @@
 				<view class="company">{{ userInfo.company }}</view>
 				<image class="arrow" src="../../static/icon_arrow.png"></image>
 			</view>
-			<button v-else class="btn" @click="handleOpenLogin">登录</button>
+			<button v-else class="btn" @click.stop="handleOpenLogin">登录</button>
 		</view>
 		<view class="menu-panel">
 			<view class="item" v-for="(item, index) in manuList" :key="index">
 				<image class="icon" :src="`../../static/svg/user_menu_${item.value}.svg`"></image>
 				{{ item.label }}
-				<view class="badge" v-if="item.value === 2">
-					4
-				</view>
+				<view class="badge" v-if="item.value === 2">4</view>
 			</view>
 		</view>
 		<view class="nav-panel">
-			<view :class="{ item: true, sapce: item.topSpace }" v-for="(item, index) in navList" :key="index">
+			<view :class="{ item: true, sapce: item.topSpace }" v-for="(item, index) in navList" :key="index" @click="handleNav(item.value)">
 				<view class="icon">
-					<image :class="'icon-img icon-img-'+item.value" :src="`../../static/svg/user_nav_${item.value}.svg`"></image>
+					<image :class="'icon-img icon-img-' + item.value" :src="`../../static/svg/user_nav_${item.value}.svg`"></image>
 				</view>
 				<view class="label">
 					{{ item.label }}
 				</view>
 				<!-- 我的分销 -->
-				<view class="tag" v-if="item.value === 4">
-					累计收益 0.00
-				</view>
+				<view class="tag" v-if="item.value === 4">累计收益 0.00</view>
 				<!-- 我的优惠券 -->
-				<view class="sub active" v-if="item.value === 5">
-					3张可用
-				</view>
+				<view class="sub active" v-if="item.value === 5">3张可用</view>
 				<image class="arrow" src="../../static/svg/arrow.svg"></image>
 			</view>
 		</view>
@@ -42,7 +36,6 @@
 </template>
 
 <script>
-import md5 from '@/common/md5.js';
 import avatar from '@/static/taxation/poster.jpg';
 export default {
 	components: {},
@@ -154,6 +147,22 @@ export default {
 				company: '天津超易达胜科技',
 				avatar: avatar
 			};
+		},
+		handleOpenInfo(){
+			if(!this.userInfo) return
+			uni.navigateTo({
+				url: 'info'
+			});
+		},
+		handleNav(val) {
+			let url = '';
+			switch (val) {
+				case 7:
+					url = 'about';
+			}
+			uni.navigateTo({
+				url
+			});
 		}
 	}
 };

pages/self/info.vue

@@ -0,0 +1,71 @@
+<template>
+	<view class="page-wrap">
+		<view class="row">
+			<view class="label">头像</view>
+			<image class="avatar" src="../../static/auth-icon.png" mode="aspectFill"></image>
+		</view>
+		<view class="row">
+			<view class="label">姓名</view>
+			<view class="text">Caocao</view>
+		</view>
+		<view class="row">
+			<view class="label">绑定手机</view>
+			<view class="text">18863100789</view>
+		</view>
+		<view class="space"></view>
+		<view class="row">
+			<view class="label">所属单位</view>
+			<view class="text">天津超易达胜科技</view>
+		</view>
+		<view class="row">
+			<view class="label">所属部门</view>
+			<view class="text">办公室</view>
+		</view>
+		<view class="row">
+			<view class="label">职务</view>
+			<view class="text">经理</view>
+		</view>
+		<view class="space" style="height: 27.47rpx"></view>
+		<view class="row">
+			<view class="label">退出登录</view>
+		</view>
+	</view>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+.page-wrap {
+	.row{
+		min-height: 96.15rpx;
+		font-size: 27.47rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 20.6rpx 41.21rpx;
+		box-sizing: border-box;
+		background: #fff;
+		position: relative;
+		&:first-child::before,
+		&+.row::before{
+			content: '';
+			position: absolute;
+			left: 0;
+			right: 0;
+			top: 0;
+			height: 1px;
+			background: #e0e0e0;
+			transform: scaleY(.5);
+		}
+		.avatar{
+			width: 82.42rpx;
+			height: 82.42rpx;
+			border-radius: 50%;
+		}
+	}
+	.space{
+		background: #f3f3f3;
+		height: 13.74rpx;
+	}
+}
+</style>