diff --git a/index.html b/index.html
index d179578..570f490 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>优享地图</title>
   </head>
   <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=4e6d9067f64ad8101ca0f4ceb7cb4083"></script>
 
diff --git a/src/router/index.js b/src/router/index.js
index 67afa1d..1a10575 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,8 +1,8 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHashHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
diff --git a/src/views/Dianping/comment.vue b/src/views/Dianping/comment.vue
index a8cef95..9c5531b 100644
--- a/src/views/Dianping/comment.vue
+++ b/src/views/Dianping/comment.vue
@@ -11,7 +11,7 @@
         </div>
       </div>
     </div>
-    <div style="display: flex">
+    <div>
       <!-- <div v-for="(item, i) in data" :key="item">
         <div class="tabsList">
           <span
@@ -46,15 +46,10 @@
               <div :class="[chooseId == item.id ? 'numa' : '']">
                 {{ item.title }}
               </div>
-              <img
-                src="@/assets/xia.png"
-                alt=""
-                style="width: 48px; height: 5px; margin-bottom: 10px"
-                v-if="chooseId == item.id"
-              />
+              <img src="@/assets/xia.png" v-if="chooseId == item.id" />
             </div>
           </div>
-          <img src="@/assets/list.png" alt="" />
+          <img src="@/assets/list.png"/>
         </div>
         <div class="titles">
           <span
@@ -83,7 +78,11 @@
                       <img :src="f2" v-for="it in 5" />
                     </div>
                   </span>
-                  <span class="linetoprate">{{ data.rate }}</span>
+                  <div>
+                    <span v-if="data.rate" class="linetoprate">{{
+                      data.rate
+                    }}</span>
+                  </div>
                 </div>
               </div>
               <div class="linebot">
@@ -287,11 +286,11 @@ const data = reactive({
     {
       id: 2,
       imgurl: b2,
-      title: "象山老年大学",
-      address: "宁波市象山县广场路39号",
-      Scoring: 1,
-      rate: "职业学校",
-      comment: "老师非常耐心，课程也很丰富！",
+      title: "丹西街道老年大学",
+      address: "宁波市象山县新华路340号",
+      Scoring: 4,
+      rate: "",
+      comment: "学校环境很好，氛围浓厚。",
     },
     // {
     //   id: 2,
@@ -388,7 +387,7 @@ const clickFun = (index, name) => {
 const chooseId = ref("1");
 const choose = (index, name) => {
   console.log(index, name);
-//   data.mainLists = [];
+  //   data.mainLists = [];
   //   data.list = [];
   switch (name) {
     case "老有康养":
@@ -476,8 +475,8 @@ const choose = (index, name) => {
 .mian {
   min-height: 100vh;
   color: #000;
-  margin: 0 16px;
-  margin: 0 0 0 16px;
+  //   margin: 0 16px;
+  //   margin: 0 0 0 16px;
   .title {
     // width: 72px;
     // height: 16px;
@@ -487,12 +486,14 @@ const choose = (index, name) => {
     font-weight: 600;
     color: #333333;
     line-height: 16px;
+    margin-left: 16px;
   }
 
   .List {
     display: flex;
     overflow-x: auto; /* 允许横向滚动 */
     white-space: nowrap; /* 防止换行 */
+    padding-left: 16px;
     .listbox {
       position: relative;
       .imgList {
@@ -585,30 +586,39 @@ const choose = (index, name) => {
   .main {
     box-sizing: border-box;
     padding-top: 0;
-    height: 68vh;
+    // height: 68vh;
+    margin-right: 16px;
+    margin-left: 16px;
     .main-t {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding-right: 16px;
+      //   padding-right: 16px;
       .main-title {
-        width: 85vw;
-        height: 50px;
+        // width: 85vw;
+        // height: 50px;
+        padding: 6px;
+        margin: 8px 0;
         overflow-y: auto;
         display: flex;
         // border: 1px solid red;
         align-items: center;
         .main-list {
           flex-shrink: 0;
-          min-width: 56px;
-          height: 14px;
+          //   min-width: 56px;
+          height: 20px;
           font-size: 14px;
           font-family: PingFang SC, PingFang SC;
           font-weight: 400;
           color: #666666;
-          line-height: 14px;
+          line-height: 16px;
           margin-right: 22px;
           //   text-align: center;
+          img {
+            width: 48px;
+            height: 5px;
+            margin-bottom: 10px;
+          }
         }
       }
       img {
@@ -620,7 +630,7 @@ const choose = (index, name) => {
       display: flex;
       overflow-x: auto; /* 允许横向滚动 */
       white-space: nowrap; /* 防止换行 */
-      width: 89vw;
+      //   width: 90vw;
       margin-bottom: 22px;
       margin-top: 8px;
       .tabtitle {
@@ -649,14 +659,16 @@ const choose = (index, name) => {
       //   height: 30vh;
       // border: 1px solid red;
       height: calc(100vh - 422px);
-      width: 355px;
+      //   width: 355px;
       box-sizing: border-box;
       overflow-x: auto; /* 允许横向滚动 */
       white-space: nowrap; /* 防止换行 */
       .line {
         margin-bottom: 20px;
-        width: 355px;
-        height: 132px;
+        // width: 355px;
+        // height: 132px;
+        // width: 90vh;
+        // height: 12vh;
         background: #ffffff;
         box-shadow: 0px 2px 12px 0px #ebeef3;
         border-radius: 8px 8px 8px 8px;
@@ -705,7 +717,7 @@ const choose = (index, name) => {
               height: 16px;
               border-radius: 2px 2px 2px 2px;
               border: 1px solid #b8ccff;
-
+              padding: 1px 2px;
               font-size: 10px;
               font-family: PingFang SC, PingFang SC;
               font-weight: 400;
@@ -742,12 +754,12 @@ const choose = (index, name) => {
     }
   }
   .numa {
-    width: 72px !important;
+    // width: 72px !important;
     font-size: 18px !important;
     font-family: PingFang SC, PingFang SC;
     font-weight: 600 !important;
     color: #333333 !important;
-    line-height: 16px !important;
+    // line-height: 16px !important;
   }
   ::-webkit-scrollbar {
     display: none;
diff --git a/src/views/test.vue b/src/views/test.vue
index cbea56b..3b75784 100644
--- a/src/views/test.vue
+++ b/src/views/test.vue
@@ -23,6 +23,7 @@
         messages: [
           { id: 1, text: '你好', isMe: false },
           { id: 2, text: 'Hi', isMe: true },
+          
         ],
       };
     },
diff --git a/src/views/znyt.vue b/src/views/znyt.vue
index 18063d1..22e0fee 100644
--- a/src/views/znyt.vue
+++ b/src/views/znyt.vue
@@ -56,6 +56,8 @@
 import { ref, reactive } from "vue";
 import listRightImg from "@/components/list-right-img.vue";
 import listNoImg from "@/components/list-no-img.vue";
+import j1 from "../assets/cc4.png";
+import j2 from "../assets/cc3.png";
 const topContent = reactive([
   {
     content: "2024年养老金发放政策：工龄30年内统一发放3200元，可行吗？",
@@ -106,7 +108,7 @@ const records = reactive({
       display: 1,
       title: "“三问”个人养老金：是什么、怎么缴、如何领？",
       createdAt: "11月27日",
-      imgUrl: "/src/assets/cc4.png",
+      imgUrl: j1,
       eye: "8888",
     },
     {
@@ -114,7 +116,7 @@ const records = reactive({
       display: 1,
       title: "100场社区活动——教你轻松玩转智能手机",
       createdAt: "11月27日",
-      imgUrl: "/src/assets/cc3.png",
+      imgUrl: j2,
       eye: "8888",
     },
     {
@@ -129,7 +131,7 @@ const records = reactive({
       display: 1,
       title: "100场社区活动——教你轻松玩转智能手机",
       createdAt: "11月27日",
-      imgUrl: "/src/assets/cc3.png",
+      imgUrl: j1,
       eye: "8888",
     },
     {