更改tab图标

pages/msg/message.vue

@@ -1,42 +1,34 @@
 <template>
 	<view class="content">
-		<view class="resume-detail" :style="{ paddingTop: (12 + statusBarHeight + 100 - 60) + 'px' }">
-		
-	<!-- <view class="navbar">
-				<view v-for="(item, index) in tabList" :key="index" class="nav-item"
-				:class="{ current: tabFromIndex === item.state }" @click="tabClicks(item.state)">
-				{{ item.text }}
-			</view>
-		</view>-->
-						<!-- 固定顶部导航栏 -->
-						<view class="fixed-nav" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
-							<view class="navbar">
-								<view class="navbar-content">
-									<view class="navbar-left" @click="goBack">
-										<u-icon name="arrow-leftward" size="38" color="#333"></u-icon>
-									</view>
-									<view class="navbar-title">消息通知</view>
-									<view class="navbar-right"></view>
-								</view>
-							</view>
+		<view class="resume-detail" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="fixed-nav">
+				<view class="navbar">
+					<view class="navbar-content">
+						<view class="navbar-left" @click="goBack">
+							<u-icon name="arrow-leftward" size="38" color="#333"></u-icon>
 						</view>
-	
-		<view v-for="(item, index) in list" :key="index" class="item" @click="goDet(item.content)">
-			<view class="flex justify-between"
-				style="font-size: 30upx;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap">
-				<view>{{ item.title }}</view>
-				<view v-if="item.isSee == 0"
-					style="height: 32rpx;width: 32rpx;border-radius: 100rpx;background-color: red;color: #FFF;text-align: center;">
+						<view class="navbar-title">消息通知</view>
+						<view class="navbar-right"></view>
+					</view>
 				</view>
 			</view>
-			<view style="color: #999999;font-size: 28upx;margin-top: 10upx;">{{ item.content }}</view>
 
-			<view style="margin-top: 10upx;color: #999999;font-size: 28upx;text-align: right;">{{ item.createAt }}
+			<view v-for="(item, index) in list" :key="index" class="item" @click="goDet(item.content)">
+				<view class="flex justify-between"
+					style="font-size: 30upx;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap">
+					<view>{{ item.title }}</view>
+					<view v-if="item.isSee == 0"
+						style="height: 32rpx;width: 32rpx;border-radius: 100rpx;background-color: red;color: #FFF;text-align: center;">
+					</view>
+				</view>
+				<view style="color: #999999;font-size: 28upx;margin-top: 10upx;">{{ item.content }}</view>
+
+				<view style="margin-top: 10upx;color: #999999;font-size: 28upx;text-align: right;">{{ item.createAt }}
+				</view>
 			</view>
+			<!-- <view v-if="list.length === 0" style="background: #1c1b20;text-align: center;padding-top: 140upx;color: #FFFFFF;">暂无消息</view> -->
+			<empty v-if="list.length === 0" des="暂无消息" show="false"></empty>
 		</view>
-		<!-- <view v-if="list.length === 0" style="background: #1c1b20;text-align: center;padding-top: 140upx;color: #FFFFFF;">暂无消息</view> -->
-		<empty v-if="list.length === 0" des="暂无消息" show="false"></empty>
-	</view>
 	</view>
 </template>
 
@@ -84,6 +76,9 @@
 			this.loadData();
 		},
 		onLoad(options) {
+			// 获取状态栏高度
+			let systemInfo = uni.getSystemInfoSync();
+			this.statusBarHeight = systemInfo.statusBarHeight || 0;
 			this.$queue.showLoading("加载中...")
 			this.loadData();
 		},
@@ -163,48 +158,12 @@
 	.list-scroll-content {
 		height: 100%;
 	}
+
 	.resume-detail {
-		min-height: 100vh;
+		height: 100vh;
 		padding-bottom: 120rpx;
 		// padding-top 已改为动态计算，在模板中通过 :style 设置
 	}
-	.navbar {
-		display: flex;
-		height: 40px;
-		padding: 0 5px;
-		// background: #1E1F31;
-		// box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
-		color: #000000;
-		position: relative;
-		z-index: 10;
-
-		.nav-item {
-			flex: 1;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 100%;
-			font-size: 15px;
-			// color: #FFFFFF;
-			position: relative;
-
-			&.current {
-				color: #557EFD;
-
-				&:after {
-					content: '';
-					position: absolute;
-					left: 50%;
-					bottom: 0;
-					transform: translateX(-50%);
-					width: 44px;
-					height: 0;
-					border-bottom: 2px solid #557EFD;
-				}
-			}
-		}
-	}
-
 	.uni-swiper-item {
 		height: auto;
 	}
@@ -214,30 +173,27 @@
 	}
 
 
-.fixed-nav {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		z-index: 9999;
-		background-color: #ffffff;
-		// padding: 0 4rpx;
-		// padding-top 已改为动态计算，在模板中通过 :style 设置
+	.fixed-nav {
+		height: 88rpx;
+		display: flex;
+		flex-direction: column;
 	}
 
 	// 顶部导航栏
 	.navbar {
 		background: #fff;
 		height: 88rpx;
+		display: flex;
+		align-items: center;
 		padding: 0 8rpx;
-		// padding: 80rpx 0 40rpx 0; // 已移除，因为现在是固定导航栏
-
+		flex: 1;
 		.navbar-content {
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
 			padding: 0 30rpx;
 			height: 60rpx;
+			flex: 1;
 
 			.navbar-left {
 				width: 60rpx;

pages/public/loginphone.vue

@@ -17,12 +17,10 @@
 				</view>
 				<view class="item-label">{{type == 1?'登录密码':'验证码'}}</view>
 				<view class="cu-form-group" v-if="type == 1">
-					<view class="input-box">
-						<input placeholder="请输入密码" maxlength="20" :value="password" :password="showPassword"
-							data-key="password" @input="inputChange" @confirm="toLogin" />
-						<u-icon @click="changePassword" class="eye" :class="{ 'eye-active': !showPassword }"
-							name="eye-fill"></u-icon>
-					</view>
+					<input placeholder="请输入密码" maxlength="20" :value="password" :password="showPassword"
+						data-key="password" @input="inputChange" @confirm="toLogin" />
+					<u-icon @click="changePassword" class="eye" :class="{ 'eye-active': !showPassword }"
+						name="eye-fill"></u-icon>
 				</view>
 				<view class="cu-form-group" v-if="type == 2">
 					<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code"
@@ -414,4 +412,7 @@
 		text-align: right;
 		text-decoration-line: underline;
 	}
+	.input-box{
+		width: 100%;
+	}
 </style>