perf(contacts):通讯录页适老化优化

pages/contacts/index.vue

@@ -1,4 +1,5 @@
 <template>
+	<page-meta root-font-size="system" />
 	<view class="contact_container">
 		<uv-index-list :index-list="indexList">
 			<template v-for="(items, index) in itemArr" :key="index">
@@ -75,28 +76,63 @@ function clickChat(e) {
 </script>
 
 <style lang="scss">
-.contact_container {
-	.top {
-		.top_slot_container {
-			height: 100%;
-			width: 100%;
-
-			::v-deep .uni-icons {
-				background-color: #468bf0;
-				border-radius: 50%;
+::v-deep .contact_container {
+	.uv-index-list {
+		.uv-index-list__letter {
+			.uv-index-list__letter__item {
+				width: calc(16px + .5*(1rem - 16px)) !important;
+				height: calc(16px + .5*(1rem - 16px)) !important;
 			}
-
-			.top_text {
-				font-size: 24px;
+		}
+		.uv-index-item {
+			.uv-index-anchor {
+				height: calc(32px + .5*(1rem - 16px)) !important;
+				.uv-index-anchor__text {
+					font-size: calc(1.5rem + 0px) !important;
+				}
+			}
+			.chat_list {
+				.uni-list-chat {
+					.uni-list-chat__header-warp {
+						.uni-list-chat__header {
+							width: calc(45px + .5*(1rem - 16px)) !important;
+							height: calc(45px + .5*(1rem - 16px)) !important;
+						}
+					}
+					.uni-list-chat__content {
+						.uni-list-chat__content-title {
+							font-size: calc(1rem + 0px) !important;
+						}
+						.uni-list-chat__content-note {
+							font-size: calc(0.75rem + 0px) !important;
+						}
+					}
+				}
 			}
 		}
 	}
+	// .top {
+	// 	.top_slot_container {
+	// 		height: 100%;
+	// 		width: 100%;
+
+	// 		::v-deep .uni-icons {
+	// 			background-color: #468bf0;
+	// 			border-radius: 50%;
+	// 		}
+
+	// 		.top_text {
+	// 			font-size: calc(1.5rem + 0px);
+	// 		}
+	// 	}
+	// }
 
 	.chat_list {
 		.chat-custom-right {
 			.chat-custom-text {
 				margin-right: 10px;
 			}
-		}}
+		}
 	}
+}
 </style>