优化

App.vue

@@ -6,7 +6,8 @@
 			recentNativeData: 0 // 初始化一个全局变量
 		},
 		onLaunch: function(options) {
-
+			uni.setStorageSync('AppUser', {})
+			uni.setStorageSync('userInfo', {})
 			// console.log=()=>{}
 			// === wgt 包启动诊断日志 ===
 			console.log('=== App Launch 开始 ===')

components/message/list/message-nav-bar.vue

@@ -2,14 +2,14 @@
 	<view :class="`${phone}-style`">
 		<!-- 导航样式 -->
 		<view class="nav-bar-box" :class="{ 'border-nav-bar-box': isScroll }">
-            <NavBar :isBack="false" :bgColor="isScroll ? data.navBar.bgColor : '#fff'" :buttonGroup="buttonGroup"
+			<NavBar :isBack="false" :bgColor="isScroll ? navBarBgColor : '#fff'" :buttonGroup="buttonGroup"
-                @button-click="util.clickTitlePopupButton" tipLayerType="message-list-tip" isTipLayer
+				@button-click="util.clickTitlePopupButton" tipLayerType="message-list-tip" isTipLayer isClickNavBarOpenPopup
-                isClickNavBarOpenPopup tipLayerText="添加短信" @add="emit('add')">
+				tipLayerText="添加短信" @add="emit('add')">
 				<!-- 左侧文字图标 -->
 				<template v-slot:left>
 					<view v-if="phone == 'iphone'" class="flex flex-align-center">
-                        <image @click="util.goBack" class="left-icon" src="/static/image/phone-message/iphone/back.png"
+						<image @click="util.goBack" class="left-icon" src="/static/image/phone-message/iphone/back.png" mode="">
-                            mode=""></image>
+						</image>
 						<text class="left-text">过滤条件</text>
 					</view>
 					<view v-if="(phone == 'huawei' && isScroll) || phone == 'vivo'" class="flex flex-align-center">
@@ -44,8 +44,7 @@
 					</view>
 					<!-- huawei -->
 					<view v-if="phone == 'huawei'">
-                        <image v-if="isScroll" class="right-icon"
+						<image v-if="isScroll" class="right-icon" src="/static/image/phone-message/huawei/nav-search.png" mode="">
-                            src="/static/image/phone-message/huawei/nav-search.png" mode="">
 						</image>
 						<image class="right-icon" src="/static/image/phone-message/huawei/add.png" mode=""></image>
 						<image class="right-icon" src="/static/image/phone-message/huawei/more.png" mode=""></image>
@@ -72,20 +71,20 @@
 					<image class="icon" :src="`/static/image/phone-message/${props.phone}/search.png`">
 					</image>
 					<input class="input flex-1" :placeholder="showInfo.placeholder" type="text" disabled>
-                    <image v-if="phone != 'mi'" class="icon"
+					<image v-if="phone != 'mi'" class="icon" :src="`/static/image/phone-message/${props.phone}/mic.png`">
-                        :src="`/static/image/phone-message/${props.phone}/mic.png`">
 					</image>
 				</view>
 			</view>
 			<slot>
 			</slot>
 		</view>
-        <view class="bottom-placeholder"></view>
+		<view class="bottom-placeholder" :style="{'margin-top':$store.state.safeBottomAz+'px'}"></view>
 		<!-- 底部样式 -->
 		<template v-if="phone == 'mi' || phone == 'oppo'">
 			<image class="add-message" @click="emit('add')"
 				:src="`/static/image/phone-message/${props.phone}/add-message.png`"></image>
-            <view class="bottom-box flex">
+			<view class="bottom-box " :style="{height: (74+$store.state.safeBottomAz)+'px'}">
+				<view class="flex" :style="{height: '148rpx'}">
 					<view class="item flex-1 h100">
 						<image class="icon" :src="`/static/image/phone-message/${props.phone}/bottom-left.png`"></image>
 						<text>{{ showInfo.bottomLtext }}</text>
@@ -95,27 +94,28 @@
 						<text class="grey">{{ showInfo.bottomRtext }}</text>
 					</view>
 				</view>
+
+			</view>
 		</template>
 
 	</view>
 </template>
 
 <script setup>
-import NavBar from '@/components/nav-bar/nav-bar.vue'
+	import NavBar from '@/components/nav-bar/nav-bar.vue'
-import {
+	import {
-    ref,
 		reactive,
 		computed
-} from 'vue'
+	} from 'vue'
-import {
+	import {
 		util
-} from '@/utils/common.js';
+	} from '@/utils/common.js';
 
-const emit = defineEmits(['add', 'setSim', 'setNoticeCount'])
+	const emit = defineEmits(['add', 'setSim', 'setNoticeCount'])
 
 
 
-const props = defineProps({
+	const props = defineProps({
 		// 手机品牌
 		phone: {
 			type: String,
@@ -130,9 +130,9 @@ const props = defineProps({
 			type: Number,
 			default: 0
 		}
-})
+	})
 
-const buttonGroup = computed(() => {
+	const buttonGroup = computed(() => {
 		const groups = [{
 			name: "添加短信",
 			click: () => {
@@ -155,25 +155,27 @@ const buttonGroup = computed(() => {
 		}
 
 		return groups
-})
+	})
 
 
-const data = reactive({
+	const navBarBgColor = computed(() => {
+		return props.phone === 'iphone' ? '#F8F8F8' : '#FFFFFF';
+	})
+
+	const data = reactive({
 		navBar: {
 			title: '信息',
-        bgColor: '#FFFFFF',
 		},
 
-})
+	})
 
-// 展示文字信息
+	// 展示文字信息
-const showInfo = computed(() => {
+	const showInfo = computed(() => {
 		let text, placeholder, secondText, bottomLtext, bottomRtext
 		switch (props.phone) {
 			case "iphone":
 				text = "信息"
 				placeholder = '搜索'
-            data.navBar.bgColor = '#F8F8F8'
 				break;
 			case "mi":
 				text = "主要"
@@ -198,29 +200,34 @@ const showInfo = computed(() => {
 			default:
 				break;
 		}
-    return { text, placeholder, secondText, bottomLtext, bottomRtext }
+		return {
-})
+			text,
-
+			placeholder,
+			secondText,
+			bottomLtext,
+			bottomRtext
+		}
+	})
 </script>
 
 <style>
-@import '@/common/main.css';
+	@import '@/common/main.css';
 
-page {
+	page {
 		background-color: #FFFFFF;
-}
+	}
 </style>
 <style lang="less" scoped>
-::v-deep .uni-navbar__header-btns {
+	::v-deep .uni-navbar__header-btns {
 		width: 100px !important;
 		flex: 1;
-}
+	}
 
-::v-deep .uni-navbar__header {
+	::v-deep .uni-navbar__header {
 		align-items: center !important;
-}
+	}
 
-.bottom-box {
+	.bottom-box {
 		position: fixed;
 		bottom: 0;
 		left: 0;
@@ -250,10 +257,10 @@ page {
 				color: #999999;
 			}
 		}
-}
+	}
 
-// 苹果机型样式
+	// 苹果机型样式
-.iphone-style {
+	.iphone-style {
 		.mg-r-30 {
 			margin-right: 60rpx;
 		}
@@ -324,10 +331,10 @@ page {
 			}
 		}
 
-}
+	}
 
-// 小米机型样式
+	// 小米机型样式
-.mi-style {
+	.mi-style {
 		.right-icon {
 			width: 40rpx;
 			height: 40rpx;
@@ -382,10 +389,10 @@ page {
 			width: 100%;
 		}
 
-}
+	}
 
-// oppo机型
+	// oppo机型
-.oppo-style {
+	.oppo-style {
 		.mg-r-52 {
 			margin-right: 52rpx;
 		}
@@ -429,7 +436,7 @@ page {
 
 
 		.bottom-box {
-        height: 148rpx;
+
 			background-color: #FAFAFA;
 			border-top: 1rpx solid #DCDCDC;
 
@@ -450,10 +457,10 @@ page {
 			}
 		}
 
-}
+	}
 
-// 华为机型
+	// 华为机型
-.huawei-style {
+	.huawei-style {
 
 		::v-deep .uni-navbar__header-container {
 			flex: 0;
@@ -520,10 +527,10 @@ page {
 				}
 			}
 		}
-}
+	}
 
-// vivo机型
+	// vivo机型
-.vivo-style {
+	.vivo-style {
 		::v-deep .uni-navbar__header-container {
 			flex: 0;
 		}
@@ -585,5 +592,5 @@ page {
 				}
 			}
 		}
-}
+	}
 </style>

main.js

@@ -36,7 +36,7 @@ export function createApp() {
 	app.config.globalProperties.$system = plus.os.name;
 	// #endif
 	app.config.globalProperties.$systemInfo = systemInfo;
-	uni.setStorageSync('version', '1.0.7.sp5');
+	uni.setStorageSync('version', '1.0.7.sp6');
 	app.config.globalProperties.$version = uni.getStorageSync('version');
 	// 环境：development→测试，production→正式（跟构建环境走，无需手改）
 	const isTest = process.env.NODE_ENV === 'development';