no message

common/css/common.css

@@ -154,7 +154,9 @@ image {
 .fs-24{
 	font-size: 24rpx;
 }
-
+.fs-34{
+	font-size: 34rpx;
+}
 
 /* 字体粗细 */
 .fw-b{
@@ -209,7 +211,9 @@ image {
 .m-24{
 	margin: 24rpx;
 }
-
+.mr-24{
+	margin-right: 24rpx;
+}
 
 
 /* 宽度 */

components/en-utils/en-nav/en-nav.vue

@@ -24,10 +24,10 @@
       </view>
     </view>
 	
-    <!-- <view class="box-title">
+    <view class="box-title">
       <view class="" :style="[{'height': customBarH + 'px', 'padding-top': statusBarH + 'px'}]">
       </view>
-    </view> -->
+    </view>
   </view>
 
 

pages.json

@@ -63,7 +63,7 @@
 		"current": 0,
 		"list": [{
 			"name": "列表调试",
-			"path": "pages/text/index",
+			"path": "pages/me/index",
 			"query": ""
 		}]
 	}

pages/me/index.vue

@@ -1,6 +1,16 @@
 <template>
-	<view class="flex-common-css">
-		<Nav title="我的" :leftShow='true' leftIconColor="#333" titleColor="#333"></Nav>
+	<view class="my-box flex-common-css">
+		<Nav title="我的" :leftShow='false' titleColor="#333" bgckgroundBox='transparent'></Nav>
+		<image class="bg-box" src="@/static/img/my/bg.png" mode=""></image>
+		<view class="user-box align-items-center">
+			<view class="user-img-box mr-24">
+				<image class="user-img" src="@/static/img/my/user-img.png" mode=""></image>
+				<image class="set-iimg" src="@/static/img/my/pen.png" mode=""></image>
+			</view>
+			<view class="user-name text-overflow-ellipsis-one">
+				{{ name }}
+			</view>
+		</view>
 		<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
 		</scroll-view>
 	</view>
@@ -10,7 +20,9 @@
 	export default {
 		components: {},
 		data() {
-			return {};
+			return {
+				name:'仰看辉煌煌煌煌煌1111煌...仰看辉煌煌煌煌煌1111煌...仰看辉煌煌煌煌煌1111煌...'
+			};
 		},
 		onLoad(data) {},
 		mounted() {},
@@ -23,5 +35,34 @@
 </script>
 
 <style lang="scss" scoped>
-
+.my-box{}
+.bg-box{
+	width: 100%;
+	height: 476rpx;
+	position: fixed;
+	top: 0;
+	z-index: -1;
+}
+.user-img-box{
+	width: 112rpx;
+	height: 112rpx;
+	position: relative;
+}
+.user-box{
+	padding: 54rpx 32rpx 52rpx;
+}
+.user-img{
+	width: 100%;
+	height: 100%;
+}
+.set-iimg{
+	position: absolute;
+	right: 4rpx;
+	bottom: 0;
+	width: 33rpx;
+	height: 33rpx;
+}
+.user-name{
+	max-width: 388rpx;
+}
 </style>