1

src/前端/walktofree/src/components/Communication.vue

@@ -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;

src/前端/walktofree/src/components/DemandList.vue

@@ -36,7 +36,7 @@ export default {
 
 <style>
 .task-item {
-  border: 1px solid #ccc;
+  border: 1px solid #003f3f;
   padding: 10px;
   margin: 10px 0;
 }

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;
 }

src/前端/walktofree/src/router/index.js

@@ -7,6 +7,9 @@ import Mine from '../components/mine.vue';
 import SearchPage from '../components/searchPage.vue';
 import Communication from "@/components/Communication.vue";
 import DemandList from "@/components/DemandList.vue";
+import Evaluation from "@/components/Evaluation.vue";
+import Pay from "@/components/Pay.vue";
+import SecurityVerification from "@/components/SecurityVerification.vue";
 
 const routes = [  
     { path: '/', redirect: '/login' },  // 重定向到/login路径  
@@ -18,7 +21,10 @@ const routes = [
 	{ path: '/searchPage', component: SearchPage },
     { path: '/Communication', component: Communication },
     { path: '/searchPage', component: SearchPage},
-    { path: '/DemandList', component:DemandList}
+    { path: '/DemandList', component:DemandList},
+    { path: '/Evaluation', component:Evaluation},
+    { path: '/Pay', component:Pay},
+    { path: '/SecurityVerification', component:SecurityVerification}
 ];  
   
 const router = createRouter({