gx

src/views/Dianping/comment.vue

@@ -191,6 +191,24 @@ const records = reactive({
       rate: "职业学校",
       comment: "老师非常耐心，课程也很丰富！",
     },
+    {
+      id: 2,
+      imgurl: b2,
+      title: "象山老年大学",
+      address: "宁波市象山县广场路39号",
+      Scoring: 1,
+      rate: "职业学校",
+      comment: "老师非常耐心，课程也很丰富！",
+    },
+    {
+      id: 2,
+      imgurl: b2,
+      title: "象山老年大学",
+      address: "宁波市象山县广场路39号",
+      Scoring: 1,
+      rate: "职业学校",
+      comment: "老师非常耐心，课程也很丰富！",
+    },
   ],
 });
 const data = reactive([
@@ -446,9 +464,11 @@ const choose = (id) => {
       }
     }
     .list {
-      height: 150px;
+      height: 30vh;
       width: 355px;
       box-sizing: border-box;
+      overflow-x: auto; /* 允许横向滚动 */
+      white-space: nowrap; /* 防止换行 */
       .line {
         margin-bottom: 20px;
         width: 345px;