update

src/views/exportControl/components/dialog.vue

@@ -47,8 +47,9 @@ defineProps({
 <style scoped>
 .message-bubble {
 	display: flex;
-	max-width: 600px;
-	margin: 20px 0;
+	max-width: 720px;
+	margin-top: 5px;
+	margin-bottom: 16px;
 }
 
 .avatar-container {
@@ -71,7 +72,7 @@ defineProps({
 .bubble {
 	background-color: rgba(246, 250, 255, 1);
 	border-radius: 12px;
-	padding: 12px 16px;
+	padding: 10px 16px;
 	position: relative;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
@@ -80,24 +81,37 @@ defineProps({
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	margin-bottom: 8px;
+	margin-bottom: 5px;
 }
 
 .name {
-	font-weight: bold;
-	font-size: 14px;
-	color: #333;
+	color: rgba(59, 65, 75, 1);
+	font-family: Microsoft YaHei;
+	font-size: 16px;
+	font-weight: 700;
+	line-height: 24px;
+	letter-spacing: 1px;
+	text-align: left;
 }
 
 .meta {
-	font-size: 12px;
-	color: #999;
+	color: rgba(95, 101, 108, 1);
+	font-family: Microsoft YaHei;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 30px;
+	letter-spacing: 0px;
+	text-align: right;
 }
 
 .bubble-content {
-	font-size: 14px;
-	line-height: 1.5;
-	color: #333;
+	color: rgba(59, 65, 75, 1);
+	font-family: Microsoft YaHei;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 24px;
+	letter-spacing: 0px;
+	text-align: justify;
 }
 
 .triangle {

src/views/exportControl/index.vue

@@ -564,12 +564,6 @@ import newsImg from "@/assets/images/news-img.png";
 
 import { getHotBills, getBillsByType, getHylyList } from "@/api/home";
 
-import headerIcon1 from "./assets/icons/header-icon1.png";
-import headerIcon2 from "./assets/icons/header-icon2.png";
-import headerIcon3 from "./assets/icons/header-icon3.png";
-import headerIcon4 from "./assets/icons/header-icon4.png";
-import headerIcon5 from "./assets/icons/header-icon5.png";
-
 import getMultiLineChart from "./utils/multiLineChart";
 
 import bill1 from "./assets/images/bill1.png";