diff --git a/src/前端/walktofree/src/components/Communication.vue b/src/前端/walktofree/src/components/Communication.vue
index 5626e2c..3b0bdf7 100644
--- a/src/前端/walktofree/src/components/Communication.vue
+++ b/src/前端/walktofree/src/components/Communication.vue
@@ -39,15 +39,15 @@ export default {
       try {
         await axios.post('http://example.com/messages', {
           content: this.newMessage,
-          sender: 'Me', // You can replace 'Me' with the sender's name
+          sender: 'Me', // 可以将“Me”替换为发件人的姓名
         });
-        this.newMessage = ''; // Clear the input field after sending
-        // You might want to fetch messages again here to update the UI with the latest messages
+        this.newMessage = ''; // 发送后清除输入字段
+        // 在此处再次获取消息，以使用最新消息更新 UI
       } catch (error) {
         console.error('Error sending message:', error);
       }
     },
-    // WebSocket logic to receive messages
+    // 用于接收消息的 WebSocket 逻辑
     setupWebSocket() {
       const ws = new WebSocket('ws://example.com/socket');
       ws.onmessage = (event) => {
@@ -57,8 +57,8 @@ export default {
     },
   },
   created() {
-    this.fetchMessages(); // Fetch messages when the component is created
-    this.setupWebSocket(); // Setup WebSocket connection
+    this.fetchMessages(); // 创建组件时获取消息
+    this.setupWebSocket(); // 设置 WebSocket 连接
   },
 };
 </script>
@@ -70,7 +70,7 @@ export default {
 }
 
 .chat {
-  border: 2px solid #ccc;
+  border: 2px solid #28a7a3;
   border-radius: 10px;
   padding: 20px;
   display: flex;
@@ -100,7 +100,7 @@ export default {
 .input input {
   flex: 1;
   padding: 8px;
-  border: 1px solid #ccc;
+  border: 1px solid #003f3f;
   border-radius: 5px;
   font-size: 16px;
 }
@@ -110,7 +110,7 @@ export default {
   border: none;
   border-radius: 5px;
   background-color: #007bff;
-  color: #fff;
+  color: #a6cfee;
   font-size: 16px;
   cursor: pointer;
   margin-left: 10px;
diff --git a/src/前端/walktofree/src/components/Evaluation.vue b/src/前端/walktofree/src/components/Evaluation.vue
index 93e2231..18b4ce5 100644
--- a/src/前端/walktofree/src/components/Evaluation.vue
+++ b/src/前端/walktofree/src/components/Evaluation.vue
@@ -2,7 +2,7 @@
   <div class="user-feedback">
     <!-- 输入评价 -->
     <div class="feedback-input">
-      <h2>输入评价</h2>
+      <h2>写下你的评价吧</h2>
       <form @submit.prevent="submitFeedback">
         <textarea id="feedback" v-model.trim="feedback" rows="4" cols="50" placeholder="在这里输入您的评价"></textarea>
         <button type="submit">发布评价</button>
@@ -62,7 +62,7 @@ textarea {
   width: 100%;
   padding: 8px;
   font-size: 16px;
-  border: 1px solid #ccc;
+  border: 1px solid #28a7a3;
   border-radius: 4px;
   margin-bottom: 10px;
 }
@@ -73,18 +73,18 @@ button {
   border: none;
   border-radius: 4px;
   background-color: #007bff;
-  color: #fff;
+  color: #003f3f;
   cursor: pointer;
 }
 
 .submitted-feedback {
-  border-top: 1px solid #ccc;
+  border-top: 1px solid #a6cfee;
   padding-top: 20px;
 }
 
 .feedback-item {
-  background-color: #f9f9f9;
-  border: 1px solid #ccc;
+  background-color: #abd4ee;
+  border: 1px solid #c2f1fb;
   border-radius: 4px;
   padding: 10px;
 }