add 我的消息

pages/wd/index.vue

@@ -1,6 +1,7 @@
 <template>
 <view >
 		<image mode="widthFix" :src="isLogin?'/static/wd_bg_login.jpg':'/static/wd_bg.jpg'" :class="isLogin?'login_full_img':'full_img'"></image>
+		
 		<view style="text-align: center;margin-top: 60rpx;" v-if="!isLogin">
 			<view style="color: #007AFF ;font-size: 36rpx;font-weight: bold;">
 				您还没有登录哦~
@@ -10,79 +11,84 @@
 			</view>		
 		</view>
 		<view  v-if="isLogin" class="loginBox">
-			<view style="display: flex;height: 160rpx;align-items: center;" v-if="isLogin">
+			<view style="width: 100%;height: 40px;background-color: #F0F1F5;position: fixed;top: 150px;z-index: 100;"></view>
+			<view style="display: flex;height: 160rpx;align-items: center; position: fixed;z-index: 999;top: 110px;" v-if="isLogin">
 				<image  src="https://file-dev.xyyxt.net/oss/images/avatar/20210623/1624414559368_44562477.png" class="avatar"></image>
-				<view style="margin-left: 20rpx;">
+				<view style="margin-left: 20rpx;z-index: 999;">
 					<view style="color: #FFFFFF;font-size: 36rpx;padding: 10rpx;">倪虹洁</view>
 					<view style="color: #333333;font-size: 36rpx;padding: 10rpx;">13800138000</view>
 				</view>
+				<view style="background-color: #F0F1F5;height:80rpx;"></view>
 			</view>
-			<view class="menu_box">
-				<view style="display: flex;align-items: center;">
-					<image src="/static/icon/my_icon1.png" class="my_icon"></image>
-					<view>学习计划</view>
+			<view style="top: 195px;position: relative;padding-bottom: 30rpx;">
+				<view class="menu_box">
+					<view style="display: flex;align-items: center;">
+						<image src="/static/icon/my_icon1.png" class="my_icon"></image>
+						<view>学习计划</view>
+					</view>
+					<view>
+						今天有 <text style="color: #007AFF;margin: 0 5rpx;">3</text> 个学习任务
+					</view>
 				</view>
-				<view>
-					今天有 <text style="color: #007AFF;margin: 0 5rpx;">3</text> 个学习任务
+				<view class="menu_box">
+					<view style="display: flex;align-items: center;">
+						<image src="/static/icon/my_icon2.png" class="my_icon"></image>
+						<view>我的学时</view>
+					</view>
+					<view>
+						累计<text style="color: #007AFF;margin: 0 5rpx;">3</text> 学时未通过
+					</view>
 				</view>
-			</view>
-			<view class="menu_box">
-				<view style="display: flex;align-items: center;">
-					<image src="/static/icon/my_icon2.png" class="my_icon"></image>
-					<view>我的学时</view>
+				<view class="two_menu">
+					<navigator url="/pages2/wd/class" class="small_menu">
+						<image src="/static/icon/my_icon3.png" class="my_icon"></image>
+						<view>我的网课</view>
+					</navigator>
+					<navigator class="small_menu">
+						<image src="/static/icon/my_icon4.png" class="my_icon"></image>
+						<view>我的题库通</view>
+					</navigator>
 				</view>
-				<view>
-					累计<text style="color: #007AFF;margin: 0 5rpx;">3</text> 学时未通过
+				<view class="two_menu">
+					<navigator class="small_menu">
+						<image src="/static/icon/my_icon5.png" class="my_icon"></image>
+						<view>我的证书</view>
+					</navigator>
+					<navigator class="small_menu">
+						<image src="/static/icon/my_icon6.png" class="my_icon"></image>
+						<view>我的发票</view>
+					</navigator>
 				</view>
-			</view>
-			<view class="two_menu">
-				<navigator url="/pages2/wd/class" class="small_menu">
-					<image src="/static/icon/my_icon3.png" class="my_icon"></image>
-					<view>我的网课</view>
-				</navigator>
-				<navigator class="small_menu">
-					<image src="/static/icon/my_icon4.png" class="my_icon"></image>
-					<view>我的题库通</view>
+				<navigator url="/pages2/order/index"  class="menu_box">
+					<view style="display: flex;align-items: center;">
+						<image src="/static/icon/my_icon7.png" class="my_icon"></image>
+						<view>我的订单</view>
+					</view>
+					<view>
+						<text style="color: #007AFF;margin: 0 5rpx;">3</text>笔待支付
+					</view>
 				</navigator>
-			</view>
-			<view class="two_menu">
-				<navigator class="small_menu">
-					<image src="/static/icon/my_icon5.png" class="my_icon"></image>
-					<view>我的证书</view>
+				<navigator url="/pages2/msg/index" class="menu_box">
+					<view style="display: flex;align-items: center;">
+						<image src="/static/icon/my_icon8.png" class="my_icon"></image>
+						<view>我的消息</view>
+					</view>
+					<view>
+						<text style="color: #007AFF;margin: 0 5rpx;">3</text>条未读
+					</view>
 				</navigator>
-				<navigator class="small_menu">
-					<image src="/static/icon/my_icon6.png" class="my_icon"></image>
-					<view>我的发票</view>
+				<navigator url="/pages2/wd/info" class="menu_box">
+					<view style="display: flex;align-items: center;">
+						<image src="/static/icon/my_icon9.png" class="my_icon"></image>
+						<view>我的资料</view>
+					</view>
+					
 				</navigator>
-			</view>
-			<navigator url="/pages2/order/index"  class="menu_box">
-				<view style="display: flex;align-items: center;">
-					<image src="/static/icon/my_icon7.png" class="my_icon"></image>
-					<view>我的订单</view>
-				</view>
-				<view>
-					<text style="color: #007AFF;margin: 0 5rpx;">3</text>笔待支付
-				</view>
-			</navigator>
-			<navigator url="/pages2/msg/index" class="menu_box">
-				<view style="display: flex;align-items: center;">
-					<image src="/static/icon/my_icon8.png" class="my_icon"></image>
-					<view>我的消息</view>
+				<view style="color: #999999;text-align: center;font-size: 32rpx;margin-top: 50rpx;" @click="logout">
+					退出
 				</view>
-				<view>
-					<text style="color: #007AFF;margin: 0 5rpx;">3</text>条未读
-				</view>
-			</navigator>
-			<navigator url="/pages2/wd/info" class="menu_box">
-				<view style="display: flex;align-items: center;">
-					<image src="/static/icon/my_icon9.png" class="my_icon"></image>
-					<view>我的资料</view>
-				</view>
-				
-			</navigator>
-			<view style="color: #999999;text-align: center;font-size: 32rpx;margin-top: 50rpx;" @click="logout">
-				退出
 			</view>
+			
 		</view>
 		
 		<u-navbar :is-back="false" title="我的" :border-bottom="false" background="{ background: '#ffffff',opacity:0.4; }" title-color="#ffffff" back-icon-color="#ffffff">
@@ -177,19 +183,21 @@
 	}
 	.loginBox{
 		position: relative;
-		top: -80rpx;
+
 		padding:0 30rpx;
+		
 	}
 	.avatar{
-		width: 160rpx;
-		height: 160rpx;
+		width: 80px;
+		height: 80px;
 	}
 	.login_full_img {
 		display: block;
 		width: 100%;
-		height: 100px;
-		z-index: -999;
+		height: 150px !important;
+		z-index: 300;
 		top: 0;
+		position: fixed;
 	}
 	.full_img {
 		display: block;