fix

virgo.wzfrontend/yui_wx/pages.json

@@ -1,5 +1,10 @@
 {
 	"pages": [{
+			"path": "pages/my/my",
+			"style": {
+				"navigationBarTitleText": "个人中心"
+			}
+		}, {
 			"path": "pages/message/message",
 			"style": {
 				"navigationBarTitleText": "消息"
@@ -34,12 +39,6 @@
 				"navigationBarTitleText": "数据"
 			}
 		},
-		{
-			"path": "pages/my/my",
-			"style": {
-				"navigationBarTitleText": "我的"
-			}
-		},
 		{
 			"path": "pages/search/search",
 			"style": {

virgo.wzfrontend/yui_wx/pages/my/my.vue

@@ -1,22 +1,109 @@
-<template>
-	<view>
-		
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style>
-
-</style>
+<template>
+	<view class="my-box">
+		<view class="my-top"></view>
+		<image class="my-avatar"
+			src="https://images.unsplash.com/photo-1586348943529-beaae6c28db9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDUzMDJ8MHwxfHNlYXJjaHw3fHxOYXR1cmV8ZW58MXx8fHwxNzIxMjE3OTY5fDA&ixlib=rb-4.0.3&q=80&w=1080"
+			mode="aspectFill">
+		</image>
+		<view class="name">林夕三</view>
+		<view class="organization">温州有极数据科技有限公司</view>
+		<view class="my-tab">
+			<view class="tab-box">
+				<view class="tab-item">
+					<view class="tab-number">112</view>
+					<view class="tab-text">房源</view>
+				</view>
+				<view class="tab-item">
+					<view class="tab-number">112</view>
+					<view class="tab-text">粉丝</view>
+				</view>
+				<view class="tab-item">
+					<view class="tab-number">112</view>
+					<view class="tab-text">关注</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	.my-box {
+		height: 100vh;
+		background: #fff;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.my-top {
+			height: 260rpx;
+			background-image: url('https://images.unsplash.com/photo-1558591710-4b4a1ae0f04d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMDUzMDJ8MHwxfHNlYXJjaHw1fHxhYnN0cmFjdHxlbnwxfHx8fDE2NTI4OTYzNTU&ixlib=rb-1.2.1&q=80&w=1080');
+			background-position: center center;
+			background-size: cover;
+			background-repeat: no-repeat;
+			width: 100%;
+		}
+
+		.my-avatar {
+			width: 200rpx;
+			height: 200rpx;
+			border-radius: 50%;
+			margin-top: -100rpx;
+			border: 6rpx solid #fff;
+		}
+
+		.name {
+			font-size: 20px;
+			font-weight: 700;
+			margin: 10rpx 0;
+		}
+
+		.organization {
+			color: $uni-secondary-color;
+			font-weight: 300;
+		}
+
+		.my-tab {
+			width: 100%;
+			padding: 0 30rpx;
+			box-sizing: border-box;
+			margin: 40rpx 0;
+
+			.tab-box {
+				height: 160rpx;
+				border-radius: 24rpx;
+				box-shadow: 1px 1px 12px rgba(164, 164, 164, 0.25);
+				display: flex;
+				align-items: center;
+			}
+
+			.tab-item {
+				flex: 1;
+				text-align: center;
+			}
+
+			.tab-number {
+				font-size: 40rpx;
+				font-weight: 600;
+			}
+
+			.tab-text {
+				font-size: 24rpx;
+				font-weight: 300;
+				margin-top: 10rpx;
+			}
+		}
+	}
+</style>

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/app.json

@@ -1,12 +1,12 @@
 {
   "pages": [
+    "pages/my/my",
     "pages/message/message",
     "pages/highseas/highseas",
     "pages/index/index",
     "pages/login/login",
     "pages/city/city",
     "pages/data/data",
-    "pages/my/my",
     "pages/search/search",
     "pages/searchlist/searchlist",
     "pages/project/project",

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/my/my.json

@@ -1,4 +1,4 @@
 {
-  "navigationBarTitleText": "我的",
+  "navigationBarTitleText": "个人中心",
   "usingComponents": {}
 }

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/my/my.wxss

@@ -0,0 +1,66 @@
+@charset "UTF-8";
+/* 需要放到文件最上面 */
+/* 水平间距 */
+/* 水平间距 */
+/*
+ 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
+ */
+/* 水平间距 */
+.my-box {
+  height: 100vh;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.my-box .my-top {
+  height: 260rpx;
+  background-image: url("https://images.unsplash.com/photo-1558591710-4b4a1ae0f04d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMDUzMDJ8MHwxfHNlYXJjaHw1fHxhYnN0cmFjdHxlbnwxfHx8fDE2NTI4OTYzNTU&ixlib=rb-1.2.1&q=80&w=1080");
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  width: 100%;
+}
+.my-box .my-avatar {
+  width: 200rpx;
+  height: 200rpx;
+  border-radius: 50%;
+  margin-top: -100rpx;
+  border: 6rpx solid #fff;
+}
+.my-box .name {
+  font-size: 20px;
+  font-weight: 700;
+  margin: 10rpx 0;
+}
+.my-box .organization {
+  color: #8c8c8c;
+  font-weight: 300;
+}
+.my-box .my-tab {
+  width: 100%;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  margin: 40rpx 0;
+}
+.my-box .my-tab .tab-box {
+  height: 160rpx;
+  border-radius: 24rpx;
+  box-shadow: 1px 1px 12px rgba(164, 164, 164, 0.25);
+  display: flex;
+  align-items: center;
+}
+.my-box .my-tab .tab-item {
+  flex: 1;
+  text-align: center;
+}
+.my-box .my-tab .tab-number {
+  font-size: 40rpx;
+  font-weight: 600;
+}
+.my-box .my-tab .tab-text {
+  font-size: 24rpx;
+  font-weight: 300;
+  margin-top: 10rpx;
+}
+