From 3ee43a9ef9cfacb51f4678aac548f03d3bbaf646 Mon Sep 17 00:00:00 2001
From: duanxiaohai <1812246227@qq.com>
Date: Thu, 7 Dec 2023 16:31:10 +0800
Subject: [PATCH] gx

---
 src/views/Dianping/comment.vue | 108 +++++++++++----------------------
 1 file changed, 37 insertions(+), 71 deletions(-)

diff --git a/src/views/Dianping/comment.vue b/src/views/Dianping/comment.vue
index f420266..3f1633b 100644
--- a/src/views/Dianping/comment.vue
+++ b/src/views/Dianping/comment.vue
@@ -94,7 +94,6 @@
 
 <script setup>
 import { ref, reactive } from "vue";
-import { RouterLink, RouterView } from "vue-router";
 import b1 from "../../assets/dzdp1.png";
 import b2 from "../../assets/dzdp2.png";
 import f1 from "../../assets/pf.png";
@@ -254,43 +253,22 @@ const data = reactive([
 ]);
 const bdDetails = (name) => {
   alert(name);
-  //   selctdeNum.value = num;
   //   router.push(path)
 };
-const cNum = ref(1);
 const bdName = ref("老有康养");
+const cNum = ref(1);
 const clickFun = (index) => {
   cNum.value = index;
 };
 const chooseId = ref("1");
 const choose = (id) => {
   chooseId.value = id;
-  //   console.log()
 };
-
-// defineProps({
-//   msg: {
-//     type: String,
-//     required: true
-//   }
-// })
 </script>
 
 <style lang="scss" scoped>
-// @media (min-width: 1024px) {
-//   .about {
-//     min-height: 100vh;
-//     display: flex;
-//     align-items: center;
-//     background-color: #fff !important;
-//     color: #000;
-//   }
-// }
 .mian {
   min-height: 100vh;
-  // display: flex;
-  // align-items: center;
-  //   background-color: #fff !important;
   color: #000;
   margin: 0 16px;
   .title {
@@ -305,7 +283,6 @@ const choose = (id) => {
   }
 
   .List {
-    // width: 390px;
     display: flex;
     overflow-x: auto; /* 允许横向滚动 */
     white-space: nowrap; /* 防止换行 */
@@ -360,57 +337,52 @@ const choose = (id) => {
       }
     }
   }
-  .tabsList {
-    display: flex;
-    .tabName {
-      width: 72px;
-      height: 16px;
-      font-size: 18px;
-      font-family: PingFang SC, PingFang SC;
-      font-weight: 600;
-      color: #333333;
-      line-height: 16px;
-    }
-    .tabnames {
-      width: 56px;
-      height: 14px;
-      font-size: 14px;
-      font-family: PingFang SC, PingFang SC;
-      font-weight: 400;
-      color: #666666;
-      line-height: 14px;
-    }
-    span {
-      margin-right: 15px;
-      // background: url();
-    }
+//   .tabsList {
+//     display: flex;
+//     .tabName {
+//       width: 72px;
+//       height: 16px;
+//       font-size: 18px;
+//       font-family: PingFang SC, PingFang SC;
+//       font-weight: 600;
+//       color: #333333;
+//       line-height: 16px;
+//     }
+//     .tabnames {
+//       width: 56px;
+//       height: 14px;
+//       font-size: 14px;
+//       font-family: PingFang SC, PingFang SC;
+//       font-weight: 400;
+//       color: #666666;
+//       line-height: 14px;
+//     }
+//     span {
+//       margin-right: 15px;
+//       // background: url();
+//     }
 
-    // p {
-    //   width: 30px;
-    //   height: 8px;
-    //   border-radius: 5px;
-    //   background: rgb(181, 202, 255);
-    //   background: linear-gradient(
-    //     90deg,
-    //     rgba(181, 202, 255, 1) 0%,
-    //     rgba(255, 255, 255, 1) 100%
-    //   );
-    // }
-  }
+//     // p {
+//     //   width: 30px;
+//     //   height: 8px;
+//     //   border-radius: 5px;
+//     //   background: rgb(181, 202, 255);
+//     //   background: linear-gradient(
+//     //     90deg,
+//     //     rgba(181, 202, 255, 1) 0%,
+//     //     rgba(255, 255, 255, 1) 100%
+//     //   );
+//     // }
+//   }
 
   .main {
     box-sizing: border-box;
-    // border: 1px solid red;
-    // padding: 16px;
     padding-top: 0;
-    // overflow: hidden;
-    // background-color: #ffffff;
     height: 68vh;
     .main-t {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      //   padding-left: 16px;
       padding-right: 16px;
       .main-title {
         width: 85vw;
@@ -445,20 +417,15 @@ const choose = (id) => {
       margin-bottom: 22px;
       margin-top: 8px;
       .tabtitle {
-        // width: 64px;
         height: 24px;
-        // background: #e0e7fb;
         padding: 3px 6px;
-        // border-radius: 24px 24px 24px 24px;
         font-size: 12px;
         font-family: PingFang SC, PingFang SC;
         font-weight: 500;
-        // color: #457bff;
         line-height: 16px;
         margin-right: 10px;
       }
       .tabtitles {
-        // width: 64px;
         height: 24px;
         background: #e0e7fb;
         padding: 3px 6px;
@@ -475,7 +442,6 @@ const choose = (id) => {
       height: 150px;
       width: 355px;
       box-sizing: border-box;
-      //   background-color: pink;
       .line {
         margin-bottom: 20px;
         width: 343px;